Kotak Komentar Author Berbeda Warna

Ada cara mudah untuk membuat Kotak Komentar Author Berbeda Warna. Otak-atik sedikit kode, jreeng . .  langsung jadi Gan [^_^]. Baca dulu Cara Memberi Nomor pada Komentar, Cara Membuat Kotak Komentar Facebook di Blog, Membuat Komentar Pengunjung dengan Spoiler. Nah, sekarang meluncur ke Cara Membuat Kotak Komentar Author berbeda Warna

• Masuk ke Blogger
• Pilih design / rancangan
• Pilih edit HTML
• Centang 'Expand widget template'
• Backup template agar jika hasilnya salah bisa kembali lagi ( caranya dengan klik 'download template full' )
• Nah, sekarang cari kode <data:comment.author/> atau cari kode <data:commentPostedByMsg/> ( tip : gunakan ctrl + F )
• Setelah kode tersebut ketemu, lalu  scroll ke bawah hingga menemukan kode </dt>
• Dan letakkan kode berikut ini setelah kode </dt> tersebut. 

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

• Lalu, scroll lagi ke bawah hingga menemukan kode </dd>
• Tambahkan kode </b:if> setelah kode </dd> tersebut 
• Nah, jika bingung, lihat saja kode berikut ini. Kira - kira seperti itulah peletakkannya

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <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'>

Keterangan :

• Kode warna merah adalah kode yang ditambahkan
• Kode warna biru adalah kode yang harus ditemukan

• Lalu, tambahkan kode CSS berikut di atas kode ]]></b:skin> jika tidak berhasil, letakkan di tag comment, letakkan setelah kode comment-author { . . . } ket: titik-titik dimisalkan kode yang lain (Gunakan Ctrl + F untuk mencari kode )

.comment-body-author {
margin:0px;
padding:5px;
color:#000000;                  
background : gray;        
border: 3px solid #CCC;    
border-radius:7px;               
-moz-border-radius:7px;     
-webkit-border-radius:7px;font-size:2.3em;
}

• Modifikasi sendiri. Bisa ubah background warna (dengan kode warna HTML), font, dan lain-lain.    
• ( Baca : kode warna HTML ) 
• Hasilnya, contoh hasil Kotak Komentar Author Berbeda Warna

Gunakan akun google  agar warna komentar berbeda warna

Hasilnya, modifikasi saya