Whether you code for a living, write technical documentation, or have a nerdy blog, you'll want to have a pretty way to display code in your blogs. Syntax highlighting, like how an IDE highlights markup and code, can be done in JavaScript and CSS, when rendering to the browser. In 5-30 minutes, you could be quickly styling code blocks like a professional! We'll be using Syntax Highlighter , in this blog. Of course, alternatives are available, but won't be covered. Feel free to explore your options. Using CloudFlare Navigate to Blogger. Go to Theme, and click Edit HTML Scroll to the bottom of the html, just before the body end tag. Copy the following markup into the end of the body element. <link href='//cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shCore.min.css' rel='stylesheet' type='text/css'/> <script src='//cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shCore.min.js' type=...