How To Add Syntax Highlighter (V3) To Blogger?

Syntax highlighter is a best tool to present your HTML,CSS,JavaScript in addition to other codes inwards multi colors.There are many slap-up features which makes it to a greater extent than pop such every bit you lot tin flame implement in addition to live it really easily,9 beautiful themes,you tin flame highlight the lines which you lot desire in addition to many other features.I am also using this tool on this await you lot wiil sentry it inwards about of my posts 🙂 Now lets come across how to implement it inwards your blogger blog.

How To Add Syntax Highlighter To Blogger Blog?

Below I am providing a scripts generator which created yesteryear Nitin in addition to modified yesteryear me,with using the scripts generator you lot tin flame easily pick out the subject in addition to brushes which you lot need.Just follow below instructions carefully,
  1. Select the subject of your highlighter,you tin flame come across demo of subject here.
  2. Then pick out the brushes which you lot want
  3. Click on the Get Code button
  4. Copy all the code from the text area
  5. Now larn to your template
  6. Find for </head> tag inwards your template
  7. Add copied code simply to a higher house it,

Now you lot bring successfully implemented the syntax highlighter into your blogger blog,now lets come across how to live it,

How To Use Syntax Highlighter Into Blogger Posts?

While creating a post larn to Edit HTML section
Use below code yo live syntax highlighter

<pre class='brush:[brushname];'> ADD THE PARSED CODE HERE </pre>
  • replace [brushname] amongst brushname which you lot desire to live to highlight the code,
  • replace ADD THE PARSED CODE HERE amongst the encoded code,to encode the codes you lot tin flame live our HTML Code Encoder tool

for an example,if you lot desire to live or highlight CSS code in addition to thus live the code below,

<pre class="brush:css;"> ADD YOUR CSS CODE HERE </pre>

if you lot desire to live or highlight HTML code in addition to thus live the code below,

<pre class="brush:html;"> ADD YOUR CSS CODE HERE </pre>

live same to a higher house play a trick on to highlight whatsoever type of code

That’s all close adding syntax highlighter into blogger blog,I promise you lot bring liked this tutorial also if you lot are getting whatsoever unmarried work in addition to thus experience gratis to part it via comments,I’ll glad to aid you lot 🙂

pEaCe aNd bLeSsInGs BuDdIeS 🙂


Sumber http://www.helperblogger.com/