Menampilkan Avatar Profil Pada Komentar

Mungkin teman-teman udah pada tau cara tampilkan avatar komentar pada blogger. Tulisan ini hanya sebagai catatan pengingat bagi saya ( soalnya sering lupa seh… hehehehe… ) dan juga sebagai penambah wawasan bila ada yang belum tau.

Avatar komentar ini merupakan fitur baru yang ditambah kan oleh blogger untuk memperindah tampilan komentar. Jadi sekarang kalau kita menulis komentar di blog seseorang dengan menggunakan id blogger, avatar profil kita akan muncul di samping komentar tersebut.

Jika kita menggunakan template blogger standar yang perlu kita lakukan hanya mengubah Setting untuk menampilkan avatar blogger di Pengaturan => Komentar, pilih “Ya” pada pilihan menampilkan “Tampilkan Gambar Profil Pada Komentar”.

Jika kita menggunakan template custom atau yang gak standard, caranya adalah :

1. Pilih Tata Letak => Edit Html pada DashBoard Blogger, jangan lupa centang “Expand Template Widget”.
   
2. Cari kode

   <dl id='comments-block'>

   
   
   
   kode ini tergantung pada template yang anda gunakan, pada sebagian template ada yang memakai kode
   
   
   
   
   

   <div id='comments-block'>

   
   
   
   
   
    
   
   



3. Ganti kode diatas dengan :
   
   
   

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

   
   
   
   
   
   Jika pada template anda memakai div, maka ganti dl dengan div
   
   
   
   
   
   
   
   



4. Cari kode ini
   
   
   

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

   
   Terkadang juga berbeda menurut masing-masing template, pada  blog ini kode yang di pakai adalah :
   
   
   
   
   

   <a expr:name='&quot;comment-&quot; + data:comment.id'/>

   
   
   
   
   
   
    
   
   



5. 
   

   Kemudian di atas kode tersebut sisipkan kode di bawah ini.

   
   
   
   
   

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

   
   
   
   
   
   



6. 
   

   Simpan Template dan selesai… Semoga bermanfaat…

   
   

Cara ini di dapat dari seorang blogger cewek Amanda Fazani.