Highlight pada Script/Kode di Postingan

Kali ini Saya akan membahas cara membuat Highlight, highlight berguna untuk menandai script atau kode pada postingan agar lebih jelas untuk membaca. Contohnya bisa Anda lihat pada blog Saya disini. Setiap kali ada script/kode maka tandai selalu dengan highlight (blockquote) yang membedakan dengan tulisan yang lain.

Cara membuatnya :

• Login ke blogger.com, jika sudah,
• Pilih Template → Edit HTML → Expand Template Widget
• Cari kode ]]></b:skin> agar mudah mencari tekan f3
• Kemudian copy script di bawah ini di atas kode ]]></b:skin>

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

Perhatian :

• Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, Anda bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog Anda. Untuk melihat kode-kode warna bisa dilihat DISINI

• Simpan dan lihat hasilnya.

Cara Posting :

• Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting, gunakan kode pemanggil  dengan menambahkan kode <p class="alert"> letakkan script / kode / tulisan disini </p> .

Selamat Mencoba !