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