Twitter Facebook Google Plus LinkedIn RSS Feed Email

How To Add Syntax Highlighter V2 to Blogger

How To Add Syntax Highlighter V2 to Blogger

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

2.Now Scroll down to where you see tag

3.Copy below code and paste it just before the 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/shThemeFadeToGrey.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAS3.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushScala.js' type='text/javascript'></script>
<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
 

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



Now Refresh yor blog post and you are done.

Cheers.!

0 comments:

Post a Comment

 
Copyright © 2013-2014 Designers Dive All Rights Reserved | Template Design by Blogger Created | Blogger Tips and Tricks