Membuat Kotak Komentar Admin Berbeda dengan Kotak Komentar Pengunjung

Sepertinya, sudah banyak tutor tentang bagaimana cara Membuat Kotak Komentar Admin Berbeda dengan Kotak Komentar Pengunjung. kali ini saya hanya akan mengulas kembali dan memberikan ide agar tampilan komentar admin yang berbeda dengan komentar pengunjung nanti agar lebih menarik lagi.

Untuk previewnya sobat bisa lihat gambar dibawah ini :

Bagaimana, jika sobat berminat, silahkan ikuti tutorial berikut ini.

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

.comment-body-admin {
   background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjogis8VrNvJsP59Ci7OWSE3v8X5xRzhf3GtaeQYwPodo8JxtHZtF8PSDDrZwNxv-8QCdyXnj5OBdJG2mWyhMh8Z8olhLSFuH6gXUZRC2IeGfOASRZ1UdrYx9OqWXAQEjRNoLcK1R2rZME/s1600/broken+windows.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 <dd class='comment-footer'>. setelah jumpa, sisipkan kode </b:if> tepat diatasnya, sehingga menjadi seperti ini;

</b:if>

     <dd class='comment-footer'>