Highlight script/kod

Ada cara terbaru jika anda ingin membuat kod/script anda di dalam ruangan highlight.Sebelum ini penulis hanya menggunakan ruangan tanpa warna.Jika kod/script anda berada di dalam ruangan bewarna,maka penampilannya akan nampak lebih berkesan.Baiklah ikuti tips dibawah ini...:)

1.Login ke blog anda dan pergi ke menu Layout-->Edit Html

2.Kemudian copy kod dibawah ini dan pastekan sebelum kod ]]></b:skin>

.alert { background: #F2F5A9;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}

Keterangan

1.Kod (#F2F5A9) adalah kod warna background didlm kotak highlight

2.Tulisan 'dotted' adalah border kotak highlight.Anda boleh tukar kepada solid,double,dashed atau sebagainya.Boleh lihat tutorialnya sebelum ini

3.Kod 1px adalah saiz border dottednya.Jika anda ingin dottednya kelihatan lebih besar, ubah kod 1px kepada 2px.Lebih besar angka,maka lebih besar saiz dotted bordernya.

4.Ini yang terpenting sekali.Anda kena tambahkan kod <p class="alert"> ini sebelum kod/script yg akan diberi highlight dan juga kod ini </p> diakhir kod/script yang akan dihighlight tadi.

Selesai

Baiklah,sekarang cuba anda bandingkan contoh dibawah menggunakan kod yang telah dihighlight dengan kod yg tidak dihighlight.Mana satu yang nampak menarik.

Kod yang tidak dihighlight

Kod yang tidak dihighlight

Kod yang dihighlight