Menampilkan avatar pada koment blog

Blogger sekarang memperkenalkan fitur baru yaitu kita bisa menambahkan gambar profil dari komentator didekat koment pada blog, yang pastinya dapat untuk mempercantik blog kita tercinta. Sebelum kita merubah templete jangan lupa kita harus melakukan backup templete terlebih dahulu

Seperti biasa kita centang terlebih dahulu Expand template widget, kita cek apakah di templete kita mempunyai baris

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

jika tidak ditemukan cari kode dibawah ini

<dl id='comments-block'>

dan ganti dengan kode di atas

selanjutnya carilah script

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

dan ganti dengan

<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>

Langkah terakhir tambahkan kode CSS di atas kode :

]]></b:skin>

Kode CSS:

.avatar-image-container {background:url( http://2.bp.
blogspot.com/_u4gySN2ZgqE/SrTInZfKwVI/AAAAAAAAAwA/
xaGlRIqkHDw/s400/default.gif); width:35px;height:35px;
}
.avatar-image-container img { border:none;}

Alamat url dapat dìganti dengan alamat gambar yang yang akan anda pakai sebagai gambar defaul.