Untuk memudahkan web browser memaparkan kod seperti yang kita kehendaki, kita akan menggunakan bantuan satu aplikasi (widget) khas yang berupaya memaparkan kod aturcara daripada pelbagai jenis bahasa. Kita akan menggunakan satu daripada widget (library) daripada http://alexgorbatchev.com
Berikut adalah contoh penjanaan kod PHP mudaa:
Pertamanya, anda perlu tambah kod ini dalam HTML Layout Blogger, di bawah <HEAD>:
* Kalau rasa Kod Bahasa yang anda guna tak boleh dipapar dengan betul, tambahkan kod shBrush yang betul. Rujuk http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes
OK, dah buat... lepas tu? OK, selepas tu untuk setiap kod yang nak dipaparkan dalam Blog mulakan dengan tag <PRE> dan tutup dengan </PRE class="brush: js">:
/* Your code goes here */
Dalam versi baru SyntaxHighLighter, tanda anak-panah-ke-bawah telah disediakan: menandakan kod di bawah adalah sambungan dari kod sebelumnya yang terlalu panjang. Masukkan kod ini selepas CDATA dan sebelum </HEAD>
.syntaxhighlighter .line .content .block
{
background: none !important;
}
Dirujuk dari :
- http://alexgorbatchev.com/wiki/SyntaxHighlighter
- http://techqi.blogspot.com/2009/02/how-to-display-code-nicely-in-blogger.html
