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
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
Now Refresh yor blog post and you are done.
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.
0 comments