Reborn

Hampir 80% postingan di blog ini berhubungan dengan kode,.. tetapi baru sempat kepikiran gmn caranya membuat syntaxhighlighter untuk blogstpot,.. setelah bertanya pada paman google akhirnya ketemu juga jawabanya,.. dan hasilnya adalah seperti link ini : http://k0il-inside.blogspot.com/2011/11/thread-java.html

Di sini syntax highlighter di bagi mejadi beberapa jenis code untuk tampilanya seperti : cpp, c, c++, c#, c-sharp, csharp, css, delphi, pascal, java, js, jscript, javascript, php, py, python, rb, ruby, rails, ror, sql, vb, vb.net, xml, html, xhtml, xslt

Nah Lalu bagaimana cara memodifakasi blog agar support untuk syntaxhighlighter : berikut ini caranya ...
Serprti biasa, buka editor desain pada blog atau menu RANCANGAN -> EDIT HTML. berikan tanda check pada Expand Template Widget,.. jagan lupa untuk membackup desainya terlebih dahulu.... setelah edit html terbuka ,.. kemudian cari pada bagian

]]--></b:skin> 

Copykan isi dari link ini http://syntaxhighlighter.googlecode.com/svn/trunk/Styles/SyntaxHighlighter.css
kemudian tempatkan/paste sebelum tag tadi . Kemudian copykan kode berikut 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>




Setelah Semua link javascript di paste,.. kemudian paste kode dibawah ini sebelum tag </body>:

<script language='javascript'>     
dp.SyntaxHighlighter.BloggerMode();     
dp.SyntaxHighlighter.HighlightAll('code');     
</script>

Untuk menuliskannya kedalam blog, gunakan format seperti dibawah ini :

<pre name="code" class="html">
ini code kamu
</pre>

berikut ini class untuk menggantikan class html,... pilih sesuai dengan kebutuhan kamu

cpp, c, c++, c#, c-sharp, csharp, css, delphi, pascal, java, js, jscript, javascript, php, py, python, rb, ruby, rails, ror, sql, vb, vb.net, xml, html, xhtml, xslt