What is Syntax highlighter
Syntax highlighter is a bright tool to demo CSS, Html, JavaScript, SQL as well as 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 choice to select from multiple themes, which volition add together to a greater extent than color to your spider web log as well as acquire inward expect worthwhile.How To Add Syntax Highlighter To Blogger BlogSpot Blog?
Adding syntax highlighter to a blogger is an enjoyable as well as simple procedure. We convey created an particular Syntax Highlighter tool for your convenience hence if you follow the next steps sensibly I am for certain you lot volition live on able to acquire it right, straightaway let’s expect at the tool which nosotros volition run inward this tutorial.
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 banking company jibe the demo Here
- Step#2: Now nosotros involve to conduct the Brushes according to our needs, if you lot are a blogger as well as hence you lot mightiness acquire amongst CSS as well as HTML, but this tool is non express to bloggers fifty-fifty webmasters as well as programmers tin brand run of this tool. So merely select CSS, HTML, or whatever you lot similar as well as and hence striking the push which says “Generate code”.
- Step#3: Now re-create all the code which is generated inward the text expanse as well as and hence motility to side yesteryear side step.
- Step#4: Now acquire 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, merely higher upward it glue the code which you lot copied previously from the Syntax Highlighter Tool.
Congratulations! Syntax highlighter is straightaway fully integrated inward your blogger BlogSpot Blog. And straightaway you lot tin run 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 Blogger.com >> Post >> Add New Post >> Select Edit HTML Tab as well as glue the next code.
<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>
Customization:
Replace ADD-THE-HTML-CODE-HERE with your CSS mode canvass coding.
Don’t forget to supersede ADD-THE-HTML-CODE-HERE with your HTML.
Replace ADD-THE-JavaScript-CODE HERE amongst your JavaScript coding.
If you lot convey non integrated the Syntax highlighter correctly using our tool, as well as hence the possibilities are extremely high that you lot mightiness notice a pop out which volition betoken that something is going wrong. For Example, you lot are using <pre class='brush:css;'></pre> inward your spider web log postal service but you lot convey non included the CSS Syntax highlighter scripts inward your header as well as hence you lot volition meet the next error.
From the Editors Desk:
So nosotros promise you lot convey enjoyed the process as well as brand for certain you lot run it amongst ascendancy till as well as hence peace, blessings as well as happy learning.
No comments:
Post a Comment