Warna Font Komentar Pengunjung Dan Author Berbeda

Postingan ini adalah permintaan dari sahabat rock yang beralamat di http://upex.blogspot.com. terima kasih untuk sahabat rock atas penantian postingannya dan baru sempat saya posting hari ini. Jika sebelumnya saya sudah memposting Membuat Highlight Author Comment atau cara membuat background pengunjung dengan admin berbeda-beda. Sebenarnya postingan itu akan saya gunakan kembali untuk
membuat warna tulisan admin berbeda dengan pengunjung atau membuat warna tulisan pengunjung berbeda dengan penulis/admin. Untuk cara memasang warna font admin beda dengan pengunjung anda harus melakukan tahap awal sebagai berikut atau untuk lebih memperjelas isi judul diatas berikut screenshotnya atau silahkan lihat postingan kemarin/sebelumnya dan perhatikan perbedaan warna komentar admin dengan pengunjung.

cukup jelas bukan..okey saya lanjutkan kembali langkah langkah untuk membuatnya dibawah ini
Masuk ke dashboard ► LAYOUT ► EDIT HTML ► centang Expand Widget Templates dan temukan bagian kode berikut (tekan ctrl+F) : ]]></b:skin>
setelah anda menemukannya Copy kode script berikut dan taruh sebelum kode ]]></b:skin>

.author-comments {
background: #ffffff;
border: 2px solid #666666;
padding: 5px;
}

Temukan kode berikut ini : <dd class='comment-body'>
Dan letakan kode script dibawah ini di atas kode <dd class='comment-body'>

<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>

Cari kode ini <dd class='comment-footer'> kemudian simpan kode </b:if> di atasnya
kemudian lakukan dengan save template, coba anda lihat hasilnya dulu. bagaimana...masih belum sempurna membuat komentar admin/author dengan pengunjung berwarna-warni bukan.
baik... sekarang anda harus mengedit warna backgroundnya terlebih dulu dan perhatikan kode berikut ini :

.author-comments {

background: #ffffff;

border: 2px solid #666666;

padding: 5px;
}

1. silahkan anda mengganti warna background komentar dengan warna tema template anda
yang disorot warna merah dengan warna kode html.
2. ganti pula warna bordernya yang disorot warna kuning dan sesuaikan dengan warna tema blog anda.
3. untuk memberi warna pada tulisan pengunjung di komentar
cari kode berikut pada template anda

#comments-block .comment-body

setelah anda menemukan kode tersebut sisipkan kode berikut dibawahnya
color:#00FF00} dan sesuaikan warnanya menurut keinginan anda dengan mengganti kode #00FF00 untuk mengakhiri pekerjaannya silahkan anda menekan save template dan semoga cara merubah warna font komentar pengunjung dengan author berbeda ini bermanfaat, Enjoy and happy blogging.