Membuat Komentar Admin Berbeda Warna

Sahabat Blogger pasti pernah melihat warna background komentar seorang admin berbeda dengan warna background komentator yang lain / pengunjung... Jika ada yang belum pernah melihat hal seperti itu, silahkan coba lihat warna background komentar ane di salah satu postingan ane Di sini. Di kotak komentar di sana, warna background komentar ane berwarna biru - biru langit, sedangkan warna background komentar yang lain berwarna puith. Tujuannya, selain mempercantik kotak komentar kita, cara tersebut juga bertujuan untuk
membedakan mana komentar admin dan mana komentar pengunjung, sehingga jika admin membalas komentar dari sang komentator / pengunjung maka akan langsung ketahuan. Jika ada sahabat blogger yang ingin membuat warna background komentarnya berbeda, silahkan ikuti langkah di bawah ini :

Login ke Blogger
Klik Rancangan => Edit HTML
Silahkan sobat save dahulu template tersebut, takutnya nanti terjadi kesalah
Beri tanda centang pada kotak Expand Template Widget
Kemudian cari kode ]]></b:skin>

Jika sudah ketemu silahkan Copy Paste kode berikut di atasnya :

.comment-body-author {
border: 1px solid #87CEEB;
background: #ddfeeb;
width: 500px;
margin: 10px 10px 10px 10px;
padding-left: 20px;}

Kemudian cari kode berikut ini :

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

Tambahkan kode berikut di atasnya :

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

dan kode berikut </b:if> di bawahnya

maka akan terlihat seperti ini :

<b:if cond='data:comment.author == data:post.author'>

<dd class='comment-body-author'>

<p><data:comment.body/></p>

</dd>

<b:else/>

<dd class='comment-body'>

<b:if cond='data:comment.isDeleted'>

<span class='deleted-comment'><data:comment.body/></span>

<b:else/>

<p><data:comment.body/></p>

</b:if>

</dd>

</b:if>

Terakhir, Simpan Template dan lihat hasilnya.

Hasilnya seperti contoh di bawah ini :

 Semoga sukses Sobat.

Read this | Baca yang ini

Widget by [ Free Widget ]