Loading...
Tuesday, June 19, 2012

Easy Syntax Highlighter for blogger blog

easy syntax highliter

Live Demo

You might have seen that in many blogs the codes are just highlighted with other background and effects. If you are blogging such type of the syntaxes then this post is most important for you. 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.

Installing syntax highlighter

1. Login into your blogger account
2. Go to template and click on Edit Html
3. Now search ]]></b:skin> 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;}


4. Use following code to highlight your syntax

Now if you are publishing your post using Blogger Editor then in it go to HTML and paste your code between this syntax.



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


And you have done !

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

0 comments:

Post a Comment

 
TOP