Memang blogger selalu diberikan kemudahan dalam dunia blogging seperti yang akan saya bahas pasang Syntax-Highlighter dari alex gorbatchev ini sangat bagus dan profesional untuk blog tutorial khusus blogspot atau tutorial wordpress, yang mana setiap anda ingin memposting kode script seperti screenshot berikut ....klik pada gambar untuk hasil yang besar. Jangan lupa untuk mem-parce kode script-nya terlebih dulu sebelum anda memposting. Dan apabila ada pertanyaan silahkan tinggalkan pesan melalui kotak komentar saya selalu siap untuk menjawabnya.
Syntax-Highlighter sangat memudahkan pengunjung yang ingin meng-copy kode script tersebut, pengunjung hanya menekan tombol yang berada diujung sebelah kanan atas
apa yang dia inginkannya seperti tombol print dan view source from Syntax-Highlighter. Apabila anda tertarik untuk memasang Syntax Highlighter di blog anda berikut langkah-langkahnya :
Masuk ke dashboard ► LAYOUT/DESIGN ► EDIT HTML ► Download Full Template untuk berjaga-jaga bila terjadi kesalahan ► centang Expand Widget ►
sisipkan kode berikut dan paste sebelum kode </head>
<title>Syntax-Highlighter-masterGOmaster</title>
<script src='http://emoticmastergomaster.googlecode.com/files/shCore.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushBash.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushCpp.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushCSharp.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushCss.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushDelphi.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushDiff.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushGroovy.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushJava.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushJScript.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushPhp.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushPlain.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushPython.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushRuby.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushScala.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushSql.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushVb.js' type='text/javascript'/>
<script src='http://emoticmastergomaster.googlecode.com/files/shBrushXml.js' type='text/javascript'/>
<link href='http://alexgorbatchev.com.s3.amazonaws.com/pub/sh/2.1.364/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com.s3.amazonaws.com/pub/sh/2.1.364/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
sisipkan kembali kode berikut dan paste sebelum kode </body>
<script type="text/javascript">
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://mastergomaster2.googlecode.com/files/clipboard.swf';
SyntaxHighlighter.all();
</script>
Untuk cara penggunaannya sisipkan kode dibawah ini setiap anda akan memposting artikel
<pre class="brush: c-sharp;">
......sisipkan kodenya disini......
</pre>
Apabila anda ingin penempatan yang praktis kode diatas anda dapat menyimpannya dan berikut trik memasang script Syntax-Highlighter :
Masuk ke dashboard ► setting ► formatting ► copy kode diatas dan paste pada kolom kosong di Post Template ► Save setting.
Jika anda ingin memposting baru kode tersebut diatas akan secara otomatis ada pada halaman posting anda, sekian dan semoga bermanfaat. Silahkan klik disini untuk demo
