How to Pretty-Print Code Snippets in Blogger

How to Pretty-Print Code Snippets in Blogger

Here's how I added it to my Blogger blog:

1. Click the Design tab and "Edit HTML".
2. Ctrl+F and find the </head> tag & past the below code right before the </head> tag.  JS:

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>

3. Now, whenever you're posting, add the prettyprint class to your pre or code tags:

<pre class="prettyprint">Welcome to eBlog Up
</pre>

4. If you want use numeric style use this prettyprint class tag.

<pre class="prettyprint linenums">
</pre>

Live Preview

For more details on using the prettify library, see the readme