Cara Merubah Avatar/Icon Profil Pada Komentar Blog

Kabar baik dari blogger yang telah meluncurkan fitur Show your face sebagai fitur tambahan yang berfungsi untuk menampilkan gambar atau foto dari pengunjung yang memberi komentar pada postingan blog.

Untuk menampilkan avatar, caranya sangat mudah. Anda cukup mengaktifkannya dengan masuk ke menu Setting terus pilih ---> Comments lalu pada bagian "Show profile images on comments" pilih YES. Beres..

Kekurangan dari fitur ini adalah kurang optimal dalam aktivasi avatarnya, yaitu berfungsi jika pengunjung telah login pada blogger id. Sedangkan bila menggunakan openid atau anonymous, avatar tidak akan muncul.

Kamu nanti juga dapat memunculkannya dengan melakukan sedikit pengeditan pada kode template kamu sehingga hasilnya menjadi seperti ini.

Untuk memunculkannya:

1. Masuk ke menu Setting->Comments. Pilih lalu YES pada
    bagian "Show profile  images" dan tekan Save.
2. Setelah itu, masuk ke menu Design-> Edit HTML
3. Beri centang pada "Expand Widget Templates". 
4. Cari kode berikut:

<dl id='comments-block'>

5. Ganti kode tersebut dengan kode ini

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

6. Setelah itu cari kode berikut

<a expr:name='data:comment.anchorName'/>

7. Ganti kode tersebut dengan kode 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>

8. Setelah itu tambahkan kode css berikut diatas ]]></b:skin>

#comments-block .avatar-image-container img {
background: #fff url (http:tempat url avatar kamu.gif) no-repeat left top;
width:32px;
height:32px
}

9. Save