Pasang Gambar Avatar Untuk Komentar Anonymous Dan Name URL Blog

Pernahkah anda melihat jika para komentar menyisipkan nama url blog atau pun dengan nama anoymous hanya terdapat gambar kosong atau blank dan tanpa ada gambar kecuali mengunakan akun blogger mereka. Nah kali ini saya akan memposting bagaimana cara menampilkan gambar avatar di kotak komentar blog supaya komentar telihat lebih menarik



1. Log In ke dashboard Blogger anda.
2. Pilih Rancangan > Edit HTML, centang Expand widget template.
3. Cari kode di bawah ini <dl id='comments-block'> atau <dl class='comments-block' id='comments-block'> tekan Ctrl + F biar cepat.
4. Setelah ketemu Teman ganti kodenya dengan kode ini
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

5. Setelah itu cari kode seperti ini <a expr:name='data:comment.anchorName'/>
6. Setelah ketemu taruh kode di bawah ini tepat di atas kode tadi

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

7. Setelah itu tambahkan CSS ini untuk default photo diatas ]]></b:skin>

.avatar-image-container img {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTrXMUtM8LSVJ3KASs0XudDjjjijZA2sXAl8r6mz-4UwrROA9VJE0dHQK1JBGi5W1249OWRPmzLDzx057wdwUIzruB1dkUFKdsGEzb527ZPsHnOly5p62EiWAKGQ5tCrG6QI6dPOAq1rik/s1600/anonym-Woooke.blogspot.com.png) no-repeat;
width: 35px;
height: 35px;
}

8. Bisa anda ganti kode warna merah dengan kode gambar URL teman sendiri.
Selesai Dan simpen yah.

Contohnya ya di blog ini.