Cara membuat Highlight Author Comment

MIRROR LINK DARI HTTP://WAWANWAE.BLOGSPOT.COM

Pengen komentarmu beda ketika membalas comment yang masuk? Seperti di blog ini, di mana komentar saya ada di dalam kotak warna tertentu, atau istilahnya highlight author comment, sehingga mudah dibedakan dengan komentar tamu.

Cara membuat highlight author comment seperti itu sangat mudah. Gimana caranya mas? Cepek dulu..hehehe!! Ah, nggak. Ikuti saja step-step berikut ini:

1. Masuk menu Layout trus Edit HTML
2. Centang kotak Expand Widget Templates untuk jaga-jaga jika modifikasi gagal.
3. Cari kode ]]>
4. Masukkan script berikut ini di atas kode ]]> tersebut.

.comment-body-author {
background: #kode warna;
border-top: 1px solid #kode warna;border-bottom: 1px solid #kode warna;border-left: 1px solid #kode warna;border-right: 1px solid #kode warna;
margin:0;
padding:0 0 0 20px;
}

Contoh: higlight author comment pada blog wawanwae sbb:
.comment-body-author {
background: #CCCCFF;
border-top: 1px solid #CCCCFF;border-bottom: 1px solid #CCCCFF;border-left: 1px solid #CCCCFF;border-right: 1px solid #CCCCFF;
margin:0;
padding:0 0 0 20px;
}

Perhatikan pada sript itu saya menggunakan kode warna sama. Itu karena saya ingin kotak comment tanpa stroke (bingkai). Kalau kamu pengen pakai garis tepi warna beda, tinggal sesuaikan kode warna bordernya.

Satu lagi, di script itu terdapat kata 'solid'. Itu artinya bingkai berupa garis. Jika menginginkan bingkai berupa titik-titik ganti dengan 'dotted'. Berbagai kode warna sesuai pilihan kamu bisa dilihat di sini.

Gampang kan. Selamat berkreasi.