blogger comment avatar

yuhuii... ada kabar bagus! blogger telah meluncurkan comment avatar!
hmm... jadi kayak wordpress ada avatarnya.
yg mau nyoba, silahkan ikuti langkah2 berikut:

1. Login ke akun bloggermu
2. klick "Layout"
3. masuk ke "Edit HTML"
4. cari kode ini:
   #comments-block {.......}
   tambahkan .avatar-comment-indent sehingga menjadi seperti ini:
   #comments-block .avatar-comment-indent {........} (jika tidak ditemukan, lanjutkan langsung ke tahap berikutnya)
   
5. cari kode ini:

   <dl id='comments-block'>

   ganti kode tersebut sehingga menjadi seperti ini:
   

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

6. setelah kode tersebut di atas, anda akan menemukan kode seperti ini:
   

   <b:loop values='data:post.comments' var='comment'>

   lalu, tambahkan kode ini setelah kode tadi:
   

   <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
   <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'>
   <data:comment.authorAvatarImage/>
   </b:if>

7. setelah anda memasukkan kode di atas, tarik mouse anda ke bawah sampai menemukan kode seperti ini: "<b:/loop>".
   tambahkan "</dt>" sebelum kode tadi.
8. save, dan lihat hasilnya. :)
   

contoh gambar:

NB: Gambar hanya akan keluar jika orang yg menaruh comment di blog anda menggunakan akun blogger (atau akun google).