Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Menampilkan Avatar Komentar Untuk Template Non-Standart

Menampilkan Avatar Komentar Untuk Template Non-Standart
Kini blogger telah berbenah lagi, dengan berusaha lebih baik lagi. Fitur yang diberikan yaitu kita bisa menampilakan avatar (foto) komentator blog kita. Sama dengan Wordpress yang lebih duluan memeberikan fitur ini, avatar yang komen pada postingan kita akan nampang di bawah postingan disamping tulisan komentarnya.

Untuk blogger yang masih memakai template klasik dari blogger.com akan bisa menikmatinya secara langsung. Tapi saat ini pastilah sangat sedikit yang memakai template klasik dari blogger.com karena memang tampilan kurang menarik dan pilahan yang sedikit. Banyak blogger yang mendowload atau menggantinya dengan yang baru dari pihak ketiga (diluar blogger.com). Dengan template baru, yang non standart dari blogger.com kini juga bisa menikmati fitur ini, yaitu Menampilkan Avatar komentator. Cek dulu di Settings – Comments kemudian periksa di samping “ Show profile images on comments? “ pilihanya pada “ Yes”

Cara Menampilkan Avatar Komentar Untuk Template Non-Standart
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih 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 jika sudah selesai.