How To Add Syntax Highlighter To Blogger Blog?
Below I am providing a scripts generator which created by Nitin and modified by me,with using the scripts generator you can easily select the theme and brushes which you need.Just follow below instructions carefully,
- Select the theme of your highlighter,you can see demo of theme here.
- Then select the brushes which you want
- Click on the Get Code button
- Copy all the code from the text area
- Now go to your template
- Find for </head> tag in your template
- Add copied code just above it,
Now you have successfully implemented the syntax highlighter into your blogger blog,now lets see how to use it,
How To Use Syntax Highlighter Into Blogger Posts?
While creating a post go to Edit HTML section
Use below code yo use syntax highlighter
<pre class='brush:[brushname];'> ADD THE PARSED CODE HERE </pre>
[brushname]with brushname which you want to use to highlight the code,
ADD THE PARSED CODE HEREwith the encoded code,to encode the codes you can use our HTML Code Encoder tool
for an example,if you want to use or highlight CSS code then use the code below,
<pre class="brush:css;"> ADD YOUR CSS CODE HERE </pre>
if you want to use or highlight HTML code then use the code below,
<pre class="brush:html;"> ADD YOUR CSS CODE HERE </pre>
use same above trick to highlight any type of code
That's all about adding syntax highlighter into blogger blog,I hope you have liked this tutorial also if you are getting any single problem then feel free to share it via comments,I'll glad to help you :)
pEaCe aNd bLeSsInGs BuDdIeS :)