Installation SyntaxHighlighter on page

Posted by Jerzy Seweryn on
1.In the blogger,Click on Layout tab ->Edit HTML and put following things Before </head>

[code lang="html"]
<link href='http://syntaxhighlighter.googlecode.com/svn/trunk/Styles/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/>
<script language='javascript' src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js'/>
<script language='javascript' src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js'/>
[/code]



2. put following things Before </body>
[code lang="html"]
<script language="javascript">
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>
[/code]


3. Convert your code using any WYSISYG editor (Paste in editor and copy html view of editor) or copy your code in notepad and replace all < in &lt; etc.
4. Put your updated code between:
[code lang="xml"]
<pre name="code">
….My code here…
</pre>

[/code]