Wednesday, 30 April 2014

Syntax Highlighter for blogger.


Code highlightes is very very useful when you share code over online on your blog. So  Syntax Highlighter is great solution for this.


Syntax Highlighter is a tool by Alex Gorbatchev and thanks to him for developing such useful tool.

So today I will tech you how to add to your google blogger blog.

Add the scripts





  

 

Add the above scripts to your blogger themplate,

 Blogger Dashboard -> Template -> Edit HTML -> Proceed -> Use CTRL+F to find </body> in the template and paste the codes above </body>






After that you ready to to use it,

How to use It?


This is very easy just use <pre> tag with class brush like,

// HTML Code here 
You can use any languages you want to use just replace  the xml here is the more info
http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/


If you want to use css style there are may theme out there
http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/

just host your file to your hosting and link it like this

<link rel="stylesheet" href="https://googledrive.com/host/0B5dxWfrf_2GjdjN5Tzh6X3d1QVE/shThemeDefault.css" />
Done.....

No comments:

Post a Comment