Menampilkan Avatar (foto) Komentar Pada Template Yang Tak Standar

avatar komentar

Fitur Blogger untuk menampilakan avatar (foto) komentator blog kita. Hanya dapat dinikmati oleh blogger yang masih memakai template klasik dari blogger.com. Tapi kenyataanya sangat sedikit blog yang memakai template klasik dari blogger.com karena memang tampilan kurang menarik. Dengan mendownload template baru, yang non standart dari blogger.com anda tidak akan mendapatkan fiturtersebut, akan tetapi kini dengan sedikit mengedit templatenya anda juga bis
a menikmati fitur ini. Bagaimana sob? anda ingin mencobanya kan? untuk itu bacalah hal-hal dibawah...


Berikut Menampilkan Avatar (foto) Komentar Pada Template Yang Tak Standar:
  1. Login ke Blogger. Cek dulu di Settings – Comments kemudian periksa di samping “ Show profile images on comments? “ pilihanya pada “ Yes” dan simpan.
  2. Kemudian masuk ke Tata Letak.
  3. Kemudian pilih Edit HTML
  4. Beri tanda centang pada Expand Template Widget
  5. Cari Kode <dl id='comments-block'> dan jika tidak ketemu, cari kode berikut ini <div id='comments-block'>
  6. Setelah kode di atas ketemu kemudian ganti dengan kode berikut ini.
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
     7. Cari lagi kode berikut ini <a expr:name='data:comment.anchorName'/>
     8. Taruh (copy-paste) kode berikut ini di atasnya.
<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>
     9. Simpan template lihatlah hasilnya.


Semoga berguna...

4 comments:

  1. tipsnya menarik dan bermanfaat nih ...

    ReplyDelete
  2. yg ini ga berhasil
    tiba ininya
    Cari Kode <dl id='comments-block'> dan jika tidak ketemu, cari kode berikut ini <div id='comments-block'>

    ReplyDelete
  3. search pake keyword 'comments-block' pasti cuma satu di blognya... trus cocokin apa udah sama sama kode yang saya beritahu atau saya suruh copas diatas.kalo beda ganti aja bro.. trus lanjutin dah tutornya

    ReplyDelete