Membuat Syntax Highlight

Syntax highlight adalah membuat highlight pada sintaks html, php atau bahasa pemrograman apapun sehingga berbeda dengan tulisan lain di sekitarnya, ini berguna ketika sobat blogger ingin membuat suatu tutorial dengan menampilkan kode dengan tempilan berbeda. contohnya sobat dapat lihat pada susunan kode css untuk syntax ini.


Langkah awal seperti biasa anda harus menempatkan kode CSS dan kode javasript, dengan membuka menu design kemudian edit HTML. 


Agar tidak kesulitan lebih baik anda tempatkan tepat di atas tag ]]></b:skin>


<link href="http://marewainfo.googlecode.com/files/lightbox.css" rel="stylesheet" type="text/css" />


Selanjutnya menempatkan kode script di bawah ini tepat sebelum tag </body> 

<!-- begin of Syntac Highlighter -->
<script language='javascript' src='http://syntaxhighlighter.googlecode.com/svn-history/r57/trunk/Scripts/shCore.js'/>
<script language='javascript' src='http://syntaxhighlighter.googlecode.com/svn-history/r57/trunk/Scripts/shBrushXml.js'/>
<script language='javascript' src='http://syntaxhighlighter.googlecode.com/svn-history/r57/trunk/Scripts/shBrushJScript.js'/>
<script language='javascript' src='http://syntaxhighlighter.googlecode.com/svn-history/r57/trunk/Scripts/shBrushCss.js'/>
<script language='javascript'>

dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll(&#39;code&#39;);

</script>
<!-- end of Syntac Highlighter -->

Setelah itu simpan template.

Sedangkan kode pemanggilnya untuk di postingan yaitu :
<pre class="xhtml" name="code">  -kode html anda disini- </pre>  


Contoh :

  -kode html anda disini-