Minggu, 27 Desember 2009

Menampilkan Avatar Para Komentator Postingan

Bagi teman2 blogger yang blognya tidak bisa menampilkan avatar/foto para komentatornya, maka bisa menggunakan trik ini. Seperti yang telah teman2 ketahui, bahwa tidak semua blog dapat menampilkan foto/avatar para komentatornya, kemungkinan besar hal itu terjadi dikarenakan kode templatenya tidak memilki kode berinisialkan "avatarIndentClass" (berikut teman2 akan mengetahuinya). Sebagai contohnya saja blog saya ini, sebelumnya avatar para komentatornya tidak muncul. Akan tetapi sekarang sudah saya edit beberapa kode yg berhubungan dengan data comment, akhirnya bisa muncul tuh avatar2nya(khusus yg komen dgn Akun google/blogger).

Berikut tampilan sebelum pengeditan template


Setelah pengeditan jadinya seperti berikut ini


Bagi teman2 yang ingin memperaktekkannya, monggo diikuti langkah2 berikut

1. Login ke akun blogger >> Tata Letak >> Lalu Edit HTML (download template -untuk mencegah adanya kesalahan-) >> dan jangan lupa untuk mencentang kotak "expand widget templet"

2. Cek apakah kode berikut ada di dalam kode templatenya teman2?

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



Kalau memang ada dibiarkan saja, tapi kalau nggak ada silahkan untuk mencari kode berikut:

<dl id='comments-block'>

Ganti kode di atas dengan kode berikut (kode yg kita cek tadi, namun gak ada)

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



3. Langkah selanjutnya yaitu cari kode <a expr:name='data:comment.anchorName'/>

kalau sudah ketemu, ganti dengan kode berikut

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




Simpan hasil kerjaan anda.


NB:

Kalau ternyata kode <a expr:name='data:comment.anchorName'/> tidak ditemukan, maka teman bisa menyimpan kode

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



tepat di atas kode <b:if cond='data:comment.authorUrl'>

dan jangan lupa simpan hasil kerjaan anda.


Gampangkan? Kalau memang ada masalah tanya saja gak usah malu2, toh kita lagi sama2 belajar


Perhatian: Jika trik ini tidak berhasil teman2 lakukan, segera cek di halaman pengaturan >> Komentar >> Dan pastikan untuk memilih YA pada opsi "Tampilkan gambar profil dalam komentar?".


Semoga Bermanfaat []

Tags: cara menampilkan avatar komentator, menampilkan avatar di komentar, avatar komentar blogspot bisa muncul, agar avatar bisa tampil, bagaimana memunculkan foto komentator