How to highlight Source Code in BlogSpot using Google's Syntax Highlighter?

In blogspot you cant highlight your source code easily.
There's no widget in there to format source code. So it can be a pain in the neck,
especially if it's not nicely formatted. After searching on Google, i found solution.
There's a thing that can highlight source code and it's quite easy to have it working your blog.
What is it? It 's Google's Syntax Highlighter,
Thanks to Alex as the Project Owner of this feature.
Ok,then how to configure in our blog ? Just follow this instruction below :

1. Download Google's Syntax Highlighter


2. Unzip /Extract Google's Syntax Highlighter , then upload to your webspace
   



3. Add this following code
   <br /> <link type="text/css" rel="stylesheet" href="http://YOUR_PAGE_URL/SyntaxHighlighter.css"> <br /> <script language="javascript" src="http://YOUR_PAGE_URL/shCore.js"> <br /> </script> <br /> <script language="javascript" src="http://YOUR_PAGE_URL/shBrushJava.js"> <br /> </script><br /><script language="javascript"> <br /> window.onload = function () { <br /> dp.SyntaxHighlighter.HighlightAll('code'); <br /> } <br /> </script><br />
   after this tag
   </head>
   *)change YOUR_PAGE_URL with your webspace, or you can use my website url : koharudin.dikti.net/syntaxhighlighter :)
   


4. Write your post and add source code (in the HTML tab) using either
   

   
           
   //your code here
   
   
   
           
   
    

   
   
   or
   
   

   
                   
   <br />
   <br />     your code here          
   
    

   
   

Artikel Menarik Lainnya