How To Add Syntax Highlighter v3 inwards Blogger Blogspot

Stylizing your weblog or website is extremely beneficial too has massive significance every bit it non entirely attract users but also looks great too clean, generally blogger too webmaster spends tons of bucks inward stylizing too customizing their blog’s pattern which is indeed an upright move. When blogger provides codes inward their weblog they unremarkably furnish inward the normal way, normal text writing that nosotros unremarkably do, “code is non text” nosotros involve to stylize it too also acquire inward to a greater extent than prominent unlike from our evidently text. To resolve the issues, nosotros accept introduced a Syntax Highlighter which is exceedingly pop inward WordPress but at 1 time you lot accept the luxury of using this excellent tool inward Blogger BlogSpot blog.

If you lot desire to Preview the Syntax Highlighter Go ahead too come across the alive demo

What is Syntax highlighter

Syntax highlighter is a vivid tool to present CSS, Html, JavaScript, SQL too many other languages code inward your postal service body. It arranges your coding inward lines which makes it expect to a greater extent than prominent. You volition fifty-fifty acquire the selection to select from multiple themes, which volition add together to a greater extent than color to your weblog too acquire inward expect worthwhile.

How To Add Syntax Highlighter To Blogger BlogSpot Blog?

Adding syntax highlighter to a blogger is an enjoyable too simple procedure. We accept created an particular Syntax Highlighter tool for your convenience thus if you follow the next steps sensibly I am certainly you lot volition hold out able to acquire it right, at 1 time let’s expect at the tool which nosotros volition role inward this tutorial.


Select a Theme

Select Brushes

Copyright © 2012 All Rights Reserved At
  • Step#1: First select the subject from our Syntax highlighter Tool, to pick your favorite subject to a greater extent than easily according to your personality depository fiscal establishment friction match the demo Here
  • Step#2: Now nosotros involve to select the Brushes according to our needs, if you lot are a blogger too thus you lot mightiness become amongst CSS too HTML, but this tool is non express to bloggers fifty-fifty webmasters too programmers tin brand role of this tool. So simply select CSS, HTML, or whatever you lot similar too and thus hitting the push which says “Generate code”.
  • Step#3: Now re-create all the code which is generated inward the text expanse too and thus movement to side past times side step.
  • Step#4: Now become to Blogger >> Template>> Edit HTML>> Proceed
  • Step#5: Then inside the template Search for </head>
  • Step#6: Now when you lot notice the </head> ending tag, simply to a higher house it glue the code which you lot copied previously from the Syntax Highlighter Tool.
Congratulations! Syntax highlighter is at 1 time fully integrated inward your blogger BlogSpot Blog. And at 1 time you lot tin role Syntax highlighter with command.

Insert HTML/CSS/JavaScript Code inward Your Posts Using SyntaxHighlighter:

Now if you lot desire to insert CSS coding inward your template then Go to >> Post >> Add New Post >> Select Edit HTML Tab too glue the next code.

For CSS (Style Sheet)

<pre class=”brush:css;”>ADD-THE-CSS-CODE-HERE </pre>

For HTML Coding:

<pre class=”brush:html;”>ADD-THE-HTML-CODE-HERE </pre>

For JavaScript Coding:

<pre class=”brush:javascript;”>ADD-THE-JavaScript-CODE HERE </pre>



Replace ADD-THE-HTML-CODE-HERE with your CSS agency canvas coding. 
Don’t forget to supercede ADD-THE-HTML-CODE-HERE with your HTML. 
Replace ADD-THE-JavaScript-CODE HERE amongst your JavaScript coding.

If you lot accept non integrated the Syntax highlighter correctly using our tool, too thus the possibilities are extremely high that you lot mightiness notice a pop out which volition shout out for that something is going wrong. For Example, you lot are using <pre class=’brush:css;’></pre> inward your weblog postal service but you lot accept non included the CSS Syntax highlighter scripts inward your header too thus you lot volition come across the next error.

From the Editors Desk:

So nosotros promise you lot accept enjoyed the process too brand certainly you lot role it amongst ascendancy till too thus peace, blessings too happy learning.