Friday, June 17, 2011

Set Syntax Highlighter on Blogger



Apa Itu 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 para blogger yang ingin membuat suatu tutorial dengan menampilkan source code. :D

Ok langsung aja Yuk Pembutannya simple ..

1. Login ke Blogger
2. Pilih Rancangan, edit HTML
3. Sebelum lanjut ada baiknya kita backup Template. klik "Download Template Lengkap"
4. klik Expand Template Widget
4. Cari kode </head> biar cepet langsung aja ctrl+f aja :D
5. Masukan script bertikut di atas </head>













6. Kemudian masukan script di bawah tepat di atas ]]></b:skin>
<link href="http://syntaxhighlighter.googlecode.com/svn/trunk/Styles/SyntaxHighlighter.css" rel="stylesheet" type="text/css" />
7. Selanjutnya, Letakan kode berikut di atas kode </body>


8. Save template

Untuk menggunkan Syntax highlight ini kita bisa sesuaikan dengan source apa yang kita gunakan .
<pre name="code" class="html"> 
Masukan script disini....
</pre>
Silahkan ubah (html) dengan jenis kode yang ingin dituliskan, 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 .

I am a fan of technology and i love coffee. I’m also interested in web programming and networking. below there are some accounts you can follow to contact me.


EmoticonEmoticon