Menambahkan Background Gambar Pada Komentar Admin Blogspot

Terkadang saat kita melihat komentar dari sebuah artikel pada sebuah blog, kita tidak tahu yang mana Admin nya dan yang mana visitornya. Nah, untuk itu kita akan merubah template kita agar nantinya visitor di blog kita dapat membedakan mana yang admin dan mana yang bukan dengan menambahkan background gambar atau warna dengan border yang dapat kita sesuaikan sesuka hati kita.

Lihat Screenshot berikut ini :
Bagaiamana? Tertarik untuk membuatnya? Ikuti langkah-langkahnya berikut ini.

1. Login ke akun Blogger Sobat.
2. Masuk ke menu Rancangan > Edit Html
   
3. Cari kode tag ]]></b:skin>
   
4. Taruh kode berikut ini tepat di atas tag ]]></b:skin>
.comment-body-author {
background: #ffffff url(http://i629.photobucket.com/albums/uu17/yadi_ismayadi/bintang.gif) bottom right no-repeat;
padding:0px 0px 20px 20px;
}


Silahkan custumize sendiri URL gambar, atau style nya juga boleh.

5. Cari tag <data:commentPostedByMsg/>
   Perhatikan penempatan codenya berikut ini:
   <data:commentPostedByMsg/>
   </dt>
   <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><dd class='comment-footer'>
   <span class='comment-timestamp'>
   
   Letakkan kode yang berwarna pink persis seperti kode diatas.
   
6. Klik Save dan lihat hasilnya.

Semoga bermanfaat!!