memasang SyntaxHighlighter agar kode program yang ditampilkan pada blog lebih mudah dibaca.

untuk penulis blog yang baru belajaran seperti saya saat ini, plugin ini saya bermanfaat sekali, karena mungkin sebagian besar tulisan saya nanti akan banyak berupa potongan-potongan kode. setelah mencari-cari dengan googling, ternyata saya menemukan http://alexgorbatchev.com/SyntaxHighlighter/ . dan sekarang setelah baca-baca petunjuknya mulailah percobaan memasang. Sedikit membingungkan awalnya, tapi setelah mencari -cara  ketemu dari stackoverflow. berikut cara-caranya..

1. buka template blogger anda.
2. setelah template blogger terbuka maka copy kan code css ini didalam template anda sebelum tag <b:skin>
3. paste kode yang berada dibawah ini sebelum tag </head>
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js" type="text/javascript"></script>
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js" type="text/javascript"></script>
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js" type="text/javascript"></script>
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js" type="text/javascript"></script>
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js" type="text/javascript"></script>
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js" type="text/javascript"></script>
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js" type="text/javascript"></script>
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js" type="text/javascript"></script>
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js" type="text/javascript"></script>
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js" type="text/javascript"></script>
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js" type="text/javascript"></script>
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js" type="text/javascript"></script>
<script src="http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js" type="text/javascript"></script>

4. paste kode dibawah ini sebelum tag </body>
<script language="javascript">
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>

5. dan jika sudah benar maka template tersebut bisa disimpan.
6. sekarang penggunaan sintaks sudah bisa dilakukan dengan menambahkan tag <pre></pre> contoh :
<pre name="code">
..Your html-escaped code goes here...
</pre>

<pre name="code" class="php">
echo "I like PHP";
</pre>


ok selamat mencoba..
catatan : sumber

Comments