My Library

Highlight pada posting akan memudahkan pembaca dalam membaca suatu script atau code tertentu dalam blog kita. Dengan Highlight, script atau code akan dibedakan dengan tulisan lain yaitu dengan menambahkan background atau border yang berbeda. Berikut cara membuatnya:

1. Login ke Blogger, kemudian pilih Tab "Layout", kemudian "Edit HTML"
2. Sebelumnya saya sarankan membackup template kamu terlebih dahulu.
3. Jangan lupa centang "Expand Widget Templates"
4. cari code ]]></b:skin>, kemudian copy code berikut di atasnya

.alert { background: #DDE4FF;
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;}

Code #DDE4FF menunjukan warna background pada kotak highlight. Kamu bisa mengganti warna yang cocok dengan kamu. Code-code warna bisa dilihat di sini.

5. Kalau sudah pilih Simpan

Cara posting
Untuk cara menulis script bisa dilihat disini. Nah untuk menambahkan kotak highlight di script tadi caranya, tambahkan code <p class="alert"> sebelum script yang akan ditambahkan highlight, kemudian tambahkan </p> di akhir script tersebut.

Contoh

<p class="alert">

/*script yang akan ditambah higlight*/

</p>