Membuat Kotak Komentar Admin Berbeda di Blog

Aduhh, punggungku encok ne!!!
Tapi, tidak masalah karena yang penting aku bisa memberikan yang terbaik untuk kalian para pengunjung blog ini. Apa kabar semua? Semoga baik dan terus berada di lindungan Allah swt. aminn.
Postingan Belajar Internet kali ini, akan membahas tentang Membuat Kotak Komentar Admin Berbeda di Blog. Dengan berbedanya kotak komentar admin dengan pengunjung blog dapat membedakan antara komentar yang masuk. Jadi, Anda tidak kewalahan lagi membedakan yang mana admin dan mana pengunjung. Sekedar contoh, Anda bisa lihat gambar di bawah ini.

Konsep ini saya temukan ketika saya sedang menjelajah ke blog-blog di internet, disana terdapat banyak admin yang membedakan kotak komentarnya dengan para pengunjung blognya. Akhirnya, saya juga berinisiatif untuk melakukan hal yang sama.

Baiklah kita lansung saja ke topik permasalahan. Simak yang baik yah, ini cukup mudah ko'
1. Login ke akun blogger Anda
2. Silahkan masuk di template dan klik Edit HTML
3. Centang Expand Template Widget
4. Cari kode ]]></b:skin> dan letakkan kode di bawah ini, tepat di atas kode ]]></b:skin> tersebut

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

Catatan:
Kode berwarna merah tersebut anda bisa ganti dengan kode warna keinginan Anda, untuk melihat kode warna HTML anda bisa klik DISINI

5. Cari lagi kode seperti di bawah ini:

   <data:commentPostedByMsg/>
   </dt> 

dan pastekan kode di bawah ini tepat di bawah kode </dt> 

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

6. Selanjutnya cari kode <dd class='comment-footer'> dan letakkan kode </bi:f> tepat di atas kode <dd class='comment-footer'> tersebut, maka keseluruhan akan terlihat seperti di bawah ini:
 

<data:commentPostedByMsg/>
</dt><b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/> <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <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'>