Ngobrol Dengan Saya Di Chat Box Dan Promosikan Situs Kalian Juga ! - Chatting With Me On Chat Box And Promote The Site You Also!

Minggu, 27 Maret 2011

Menampilkan Avatar Para Komentator Postingan

Share



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.

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Firman Hendika-Unic Site | Bloggerized by Firman Hendika - Unic Site | FirmanHendika01