Code and Syntax For Fun

elow is the sample hightlighing for xml

<br /><?xml version="1.0" ?><br /><?xml:stylesheet href="hello.css" type="text/css" ?><br /><root><br /><greeting>Hello World</greeting><br /></root><br />

Here is how I did it.

At first downloaded Syntax-Highter to highlight source-codes in my blogs.

1. Downloaded Syntax-Highter
2. Uploaded to my personal space http://www.samundra.com.np
3. Main files to be uploaded are
   
   • dp.SyntaxHighlighter/Scripts/clipboard.swf
     
   • dp.SyntaxHighlighter/Scripts/shBrushJava.js
     
   • dp.SyntaxHighlighter/Scripts/shCore.js
     
   • dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css
4. Added link of uploaded file to my blog template.



<br /><script language="'javascript'" src="'http://www.samundra.com.np/db.syntax/Scripts/shCore.js'/"><br /><script language="'javascript'" src="'http://www.samundra.com.np/db.syntax/Scripts/shBrushJava.js'/"><script language="'javascript'" src="'http://www.samundra.com.np/db.syntax/Scripts/shBrushJScript.js'/"><br /><script language="'javascript'" src="'http://www.samundra.com.np/db.syntax/Scripts/shBrushXml.js'/"><br /><script language="'javascript'" src="'http://www.samundra.com.np/db.syntax/Scripts/shBrushProperties.js'/"><br /><script language="'javascript'" src="'http://www.samundra.com.np/db.syntax/Scripts/shBrushBash.js'/"><br />



5. You can do the same only replace
   
   • http://www.samundra.com.np/db.syntax/Scripts with your own url where you have uploaded your files.
     
6. Finally Activate the javascript function, for syntax hightlighting.
   
   • You can do this by adding the following code snippet at the end of your template just before the tag:
     
     
     <br /><script language="'javascript'"> <br />dp.SyntaxHighlighter.ClipboardSwf = 'http://www.samundra.com.np/db.syntax/Scripts/clipboard.swf'; <br />dp.SyntaxHighlighter.BloggerMode(); <br />dp.SyntaxHighlighter.HighlightAll('code'); <br /></script><br />