Membuat Highlight dalam Postingan

Saya melihat ada banyak tulisan tentang membuat highlight untuk script/ kode, sekarang blogger telah sangat memanjakan penggunanya, banyak sekali kemudahan yang telah diberikan Blogger kepada kita akan tetapi disini saya ingin memberikan tips sederhana ini, untuk digunakan pada laman web atau blog kita agar telihat menarik, tujuan highlight sendiri adalah memperjelas/ membedakan tulisan dalam blog kita, namun sebelumnya saya ingin berterimakasih kepada teman-teman Blogger yang telah banyak memberikan ilmunya pada kita semua, karena saya sendiri banyak belajar dari mereka yang lebih dahulu mengetahui tentang ini semua.

OK, to the point saja:
1. Login ke Blogger, pilih salah blog yang akan di edit
2. Lalu pilih Template --> Edit HTML --> Procced/ Lanjutkan lalu centang Expand Widget Templates
3. Kemudian copy kode di bawah ini, lalu paste/ pasang di script CSS sebelum atau tepat 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;}

Kode yang berwarna merah (#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 DISINI

4. Kalau sudah dilakukan, Simpan template dan mulai membuat/ edit posting, jika ada tulisan yang ingin di highlight, gunakan script berikut:

<div class="alert"> text anda </div>

ganti text anda dengan text yang ingin anda masukkan ke dalam box

NOTE:
Saat ingin memasukkan kode diatas pastikan kita harus memilih Mode HTML bukan Compose, agar kode di atas dibaca server sebagai kode HTML bukan text.

Sebaliknya jika kita ingin menampilkan kode html sebagai text, kita harus menuliskannya di Mode Compose. Cara memilih Mode ada di atas-kiri kotak body post. Lihat gambar untuk lebih jelas...!

Gambar di atas adalah saat mode compose aktif (click gambar untuk memperbesar)

Gambar di atas adalah saat mode compose aktif (click gambar untuk memperbesar)

OK god luck, semoga blog anda jadi lebih baik!!!

Jika anda suka silahkan tautkan ke artikel ini

<a href="http://bsoftpedia.blogspot.com/2012/10/membuat-highlight-dalam-postingan.html">Membuat Highlight dalam Postingan</a>