Add Syntax Highlighter For Your Blogger Blogs

Hello friends, you might have seen that in many blogs the codes are just highlighted with other background and with some special effects. If you are looking for such type of the syntaxes then this post is most important for you and will stop your search. This Syntax Highlighter will represent your code professionally into your blogger blog. Just follow the simple steps to add syntax highlighter into your blogger blog.

Add Syntax Highlighter For Your Blogger Blogs

• Login into your Blogger Dashboard.
• Go to Template and click on Edit HTML.
• Now search ]]></b:skin> (Use Ctrl + F  to search )and paste this code just above it.

pre {padding: 10px;clear: both;width: auto;overflow: scroll;font-family: "Courier New", "MS Sans Serif", sans-serif, serif;color: #ffffff;font-size: 13px;line-height: 22px;white-space: nowrap;border: 1px solid #d5d5d5;background-color: #000000;margin-top: 8px;margin-right: auto;margin-bottom: 8px;margin-left: auto;text-shadow: none;}

• Save your Template.

And now you can use this syntax highlighter when you need by adding a simple code in your blog posts.

<pre>your code/syntax goes here </pre>

And you have done !
if you have any query then feel free to make a comment.