Cara Menampilkan Foto Komentator Blogger

Di terbitkan oleh : Tip Trik Blogger
Pada Hari : Minggu, September 12, 2010

Trik Blogger kali ini saya akan membahas bagaimana caranya menampilkan Foto/Avatar para komentator di samping isian komentar
Jika para komentator memberikan komentar dengan Profil Blogger, maka Foto dari Profil tersebut akan langsung muncul disamping isi komentar.
Cara menampilkannya sebagai berikut :

Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget
Tunggu beberapa saat ketika proses sedang berlangsung
Kemudian cari kode <dl id='comments-block'>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
jika sudah ketemu Hapus dan ganti dengan kode berikut :

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

Jika di template sobat kode comments-block berada dalam tag div, maka ganti tag dl pada
<dl expr:class='data:post.avatarIndentClass' id='comments-block'/> dengan tag div
Maka akan seperti berikut :

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

Selanjtunya, cari kode <a expr:name='data:comment.anchorName'/>
lalu Copy Paste kode berikut dan letakkan diatasnya

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

jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

Download Tulisan Lengkap → Cara Menampilkan Foto Komentator Blogger.zip (156 KB)

Sumber :www.imtikhan.co.cc