Cara Membuat Kotak Hightlight Untuk Kode/Script di Postingan

Blog Kang Fakhrie - Assalamu'alaikum Wr. Wb.
kali ini saya akan sharing cara membuat kotak hightlight untuk kode/script. Memberikan Highlight untuk script atau kode pada postingan akan lebih memperjelas pembaca. Cara ini sudah banyak digunakan oleh Blog Tutorial. Setiap kali ada script/kode maka akan selalu ada highlight (kotak) yg akan membedakan dengan tulisan yg lain. Langsung saja disimak cara membuatnya...

Login ke blogger lalu pilih Template-->Edit HTML
Kemudian copy kode dibawah ini :

.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;}

cari kode ]]></b:skin>
letakkan kode yang sudah dicopy tadi, tepat diatas ]]></b:skin>
Kalau sudah kemudian klik Simpan.

Note : Kode yang berwarna biru (#DDE4FF) adalah warna background kotak highlight, kamu bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog kamu. Untuk kode-kode warna bisa dilihat di Generator Color.

Kalau sudah kemudian Simpan.

Baca Juga

Cara Posting

Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting harus pake cara2 tersendiri.

ikuti langkah langkahnya :

1. di bagian posting, masuk tab HTML. Ingat, HTML bukan ~~Compose.~~

2. Copy kode berikut ini dan pastekan di bagian HTML tadi