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.
What is Syntax highlighter
How To Add Syntax Highlighter To Blogger BlogSpot Blog?
MyBloggerLab SYNTAX HIGHLIGHTER v3 FOR BLOGGER
- 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.
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>
From the Editors Desk: