Menampilakan Avatar Komentator

Menampilakan Avatar Komentator - Berbeda dengan orang yang berkomentar dengan akun google, komentator yang berkomentar dengan nama dan url biasanya avatarnya tidak terlihat (blank). bagi pemilik blog yang mementingkan kerapihan blog miliknya, tentu aja ini merupakan nilai yang bisa mengurangi kerapihan blognya tersebut karena pada saat ada yang berkomentar dengan hanya menggunakan nama dan url akan ada ruang kosong di daftar komentarnya (avatar si komentator tidak terlihat). nah, kali ini gw mau coba share tentang cara menampilkan avatar komentator tersebut.
Gambar yang akan muncul nanti tentu aja bukan foto atau avatar asli si komentator, melainkan hanya avatar pengganti.

contoh avatar komentator di blog ini

berikut ini langkah-langkahnya:

1. Login dulu ke blogger.com
2. Pilih menu "Design"
3. Klik "Edit HTML"
4. buat jaga-jaga kalo terjadi kesalahan, sebaiknya backup dulu template yang kita gunain, caranya klik "Download Full Template"
5. Beri tanda centang pada "Expand Template Widget"
6. Cari kode ]]></b:skin> (gunakan ctrl+f)
7. Copy/paste kode dibawah ini tepat di atas kode ]]></b:skin>

/* Avatar */
.avatar-image-container img {
background:url(http://t2.gstatic.com/images?q=tbn:QG8a7ShCJzFU8M);
width:35px;
height:35px;
}

8. Cari kode <a expr:name='data:comment.anchorName'/> dan ganti kode tersebut dengan kode dibawah ini . .

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

9. Klik "Save Template"

Biar avatar komentatornya beda ama orang lain, ganti aja url gambarnya (teks warna merah) ama gambar milik sendiri, ukurannya 35x35 px.

---

Related Post on Agung X-Zeg Indraguna's World_