Membuat Kotak Komentar Admin Berbeda dengan Kotak Komentar Pengunjung

Mungkin sudah banyak yang tau bagaimana merubah kotak komentar admin agar terlihat berbeda dengan kotak komentar pengunjung. di postingan kali ini saya akan membuat kotak komentar admin memiliki backgroung seperti yang diinginkan.

Untuk previewnya bisa anda lihat gambar dibawah ini :

Bagaimana, anda berminat, silahkan ikuti tutorial berikut ini.

1. Log ini ke akun blogger anda;
2. Pilih menu Rancangan » Edit HTML;
3. Beri tanda centang pada tulisan Expand Template Widget;
4. Carilah kode ]]>. setelah jumpa, sisipkan kode berikut ini tepat diatasnya;

.comment-body-admin {   background: url(http://i855.photobucket.com/albums/ab115/SadaharuArishima/Blog/abstract_color_background_picture_8016-wide.jpg) no-repeat;   border:1px solid #FF9966;   border-left:1px solid #EEEEEE;   border-right:1px solid #EEEEEE;   margin-left:0;   margin-right:20px;   padding:7px;   color:#ffffff;   }

5. Kemudian carilah kode dd class='comment-body'. setelah jumpa, sisipkan kode berikut ini tepat diatasnya;

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

6. Kemudian carilah kode 

. setelah jumpa, sisipkan kode  tepat diatasnya, sehingga menjadi seperti ini;

</b:if>
     <dd class='comment-footer'>

Selamat Mencoba