Pasang Avatar Pada Komentar Blog

Langsung saja cara pasang avatar otomatis pada komentar anonymous dan Name/url :
1.Pastikan Tampilkan gambar profil dalam komentar Di aktifkan, cek di login blogger > setelan > komentar > Tampilkan gambar profil dalam komentar? YES2.Masuk blogger > rancangan > edit html > centang expand template widgetcari dan pastikan kode berikut ini ada di blog sobat :

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

3.Jika kode di atas ada, maka selanjutnya cari kode ]]></b:skin> letakkan kode berikut ini tepat diatas kode ]]></b:skin>

#comments-block .avatar-image-container img {  
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt0iG0wBepv0gl_etvOReXaJdVPPHy5ydsEwlmVp4oX3ZBzJ1ECKCwnH0x3aX2_bwKqY_lfPoiHES2ht3kzkqf3LtRaOA5038FlsDzXkHVRUnCX3szR_lXfLyZcTT7UMVESZ-H1BYTLgSu/) no-repeat left top;
width:32px;
height:32px;

save template dan lihat hasilnya.

1. Jika kode <dl expr:class='data:post.avatarIndentClass' id='comments-block'>  tidak ada, maka cari kode <dl id='comments-block'> ganti dengan kode

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

2. Kemudian cari <a expr:name='data:comment.anchorName'/> ganti dengan kode di bawah ini

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</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>

3.kemudian selanjut nya cari kode ]]></b:skin> letakkan kode berikut ini tepat diatas kode]]></b:skin>

#comments-block .avatar-image-container img {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt0iG0wBepv0gl_etvOReXaJdVPPHy5ydsEwlmVp4oX3ZBzJ1ECKCwnH0x3aX2_bwKqY_lfPoiHES2ht3kzkqf3LtRaOA5038FlsDzXkHVRUnCX3szR_lXfLyZcTT7UMVESZ-H1BYTLgSu/) no-repeat left top;
width:32px;
height:32px;

Save template dan lihat hasilnya.
Gambar di bawah ini contoh hasil pada blog saya, silahkan bandingkan dengan gambar yang di atas.

Perhatikan kode berikut ini :

background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt0iG0wBepv0gl_etvOReXaJdVPPHy5ydsEwlmVp4oX3ZBzJ1ECKCwnH0x3aX2_bwKqY_lfPoiHES2ht3kzkqf3LtRaOA5038FlsDzXkHVRUnCX3szR_lXfLyZcTT7UMVESZ-H1BYTLgSu/)

Gambar bisa di ubah silahkan ubah alamat url yang di atas dengan url gambar sobat.

From : http://www.antigaptek.com/2011/07/pasang-avatar-otomatis-pada-komentar.html