How To Add Syntax Highlighter V4 to Blogger

How To Add Syntax Highlighter V4 to Blogger

1.Login to your blogger dashboard--> Desing- -> Edit HTML

2.Now Scroll down to where you see </head> tag

3.Copy below code and paste it just before the </head> tag




<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDjango.css' rel='stylesheet' type='text/css'/>
<script language="javascript" type="text/javascript">
 SyntaxHighlighter.config.bloggerMode = true;
 SyntaxHighlighter.all();
</script>

4.Now Click on "Save Templates".

Note: Whenever you have to write some codes in your posts, click on "Edit Html" tab of your post editor and write the codes between the following tags

<pre class='brush:js;'>

...Put your html-code here...

</pre>

Now Refresh yor blog post and you are done.
Tags:

0 comments