how to add syntax highlighter for blogger vlog

         Today I’m going show how to add syntax highlight for your blogger, it’s simple to add syntax highlighter. Syntax highlight is rich if add to your blogger blog, its changes the way your blog look and make your blog nice and clean
Its has different supporting languages and scripting languages etc.
 All you need is go to their official site or copy and paste JavaScript code, one thing should you remind when you posting any code that code must be within these tags

<pre> <!--code here --> </pre>


And these tags are basic tags to highlight, if you use this tags its changes the font size and font its look some none effective, the syntax highlight is more color full and nice
For example for html code should be highlight then tags should be like this
Ex1:
<pre class="”brush:html”"><!-- the html code here --> this is about how to add highlight for blogger<br /> </pre>
Ex2:
<pre class="”brush:css”"> /*the css code here..*/ p { text-size: 20px; } </pre>
 To add syntax highlighter for your blogger blog
Step1:
Login to Blogger account
Step2:
Go to template and click Edit html
Step3:
Now click proceed button
Step4:
Find this tag using Ctrl+F body tag ending
Step5:
Paste the below code before the end body tag
<!--SYNTAX HIGHLIGHTER BEGINS--> <link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/> <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/> <script language='javascript'> SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf'; SyntaxHighlighter.all(); </script> <!--SYNTAX HIGHLIGHTER ENDS-->
Step6:
Now Click on save template
Step7:
Whenever you syntax highlighter in your post just write code between this two tags
<pre class="”brush:html”"> // code here </pre>


for different code blocks name check here http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/