Membuat Background Komentar Admin

Membuat Background Komentar Admin

Kali ini saya ingin berbagi tentang membuat background komentar admin lebih keren dan menarik. nanti hasilnya jika admin blog membalas komentar maka, hasil komentarnya akan berbeda dengan komentar pengunjung blognya penasaran? berikut langkahnya :

1. Masuk ke Blog anda

2. Klik Rancangan => Edit HTML

3. Klik Expand Widgets dan Backup Template anda

4. Cari Kode ]]></b:skin> 

5. Setelah Ketemu Kode yang no.4 = ]]></b:skin> Copy dan paste kode di bawah ini tepat di atasnya.

 .author-comments {
Color: #0000ff;
font-size: 14;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXBbY3657ATULYtnZbEZb_EgsW3ns-KDouQoRDzV1XZyhcYKTuolrehvoOms9KxXk7VP-70JTg83AhHj6gBupfr0eHy9PvJ3BoM5WCRVlnv3g382fYO-CT_aIIpnNsPqsOGl0sOWFAmCg/s1600/admin.png)no-repeat;
border: 2px solid #7f7f7f;
padding: 3px;
}

6. Selanjutnya Cari Kode <data:commentPostedByMsg/>
            </dt>

7. Setelah ketemu kode yang di no.6, copy dan paste kode di bawah ini tepat di bawahnya :

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

8. Kemudian, cari lagi kode <dd class='comment-footer'>
9. Copy Kode Ini : </b:if>  tepat di atas kode no.8 =  <dd class='comment-footer'>
10. Simpan & lihat hasilnya..

Jika berhasil akan terlihat seperti yg di lingkari merah ini :