Cara Membuat HighLight pada postingan Blog

Catatan Pendek Penulis |Anda melihat post saya yang mengganti older post dengan angka dibawah?
Disana ada script yang scipt yang berwarna berbeda dengan tulisan lainnya. Untuk membuat seperti itu saya akan memberikan caranya membuat Highlight pada postingan anda.
1. Buka layout Template anda dan pilih edit HTML
2. Cari kode ]]></b:skin> dan pasang script dibawah ini sebelum kode ]]></b:skin> tersebut.

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

Ganti kode #DDE4FF dengan kode sesuai warna yang anda sukai.
Cari kode warna disini
Jika sudah selesai, simpan templates anda.

Lalu untuk cara kerjanya bagaimana?
1. Untuk setiap postingan yang akan anda bedakan tampilannya gunakan kode <p class="alert"> pada setiap postingan dan diakhiri dengan </p>.

Selamat mencoba.

Post a Comment

0 Comments