Cara Buat Avatar Komentar

Pada kesempatan kali ini dengan blog baru saya, saya ingin share sebuah tutorial untuk membuat "Avatar Komentar Di Blog" sebelum tips blogger ini adalah pesanan/requestan sahat blogger saya yang bernama 4-jie, mungkin untuk agan-agan yang lain juga membutuhkan tutorial ini.. Jika sobat blogger penasaran dengan artikel "Cara Buat Avatar Komentar" ini Cekidot yuk gan,,

Berikut adalah langkah-langkah untuk memnbuatnya :

Step 1 :
Silakan Login ke Blogger » Pilih Rancangan » Pilih Tab Edit HTML
Step 2 :
- Beri tanda ceklis pada kotak kecil disamping tulisan "Expand Template Widget"
- Cari kode ]]></b:skin>
- Copy kede di bawah ini dan taruh di atas ]]></b:skin>

.avatar-image-container{width:44px;height:44px;}
.avatar-image-container img {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQbq3Oijq8JI3UStat7b9Y0RBwEaWNXRCkO6c1Yr2Yx7VrpTQJ7okxQH7yxVMGQ-HeC6dJ5NcQBjFX3K65oM_UaCnFoHzABDoO-PdWpbo2WrLt6SktcoYytDuID7oebrb7TFGDRI7rx_U/s1600/Membuat+Avatar+di+Kometar+Blogger.gif);width:44px;height:44px;}

Ket : ubah tulisan hijau di atas, dengan url foto, gambar, atau avatar yang kamu sukai...
- Cari kode <dl id='comments-block'>
Tips : Tekan CTRL+F lalu masukan kode id='comments-block'> ke kotak search, lalu enter
- Kalau sudah ketemu, pilih yang pertama, lalu hapus kode tadi
- Ganti dengan kode berikut :

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

- Sekarang cari kode <div expr:class='data:post.avatarIndentClass' id='comments-block'>
- Hapus kode tadi dan ganti dengan kode di berikut :

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