January 20, 2011

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_

9 komentar:

Asis Sugianto said...

mantabs nih tipsnya sob,,, pasti lebih keren bila komentar disertakan avatar,,,

Agung X-Zeg Indraguna said...

@Asis Sugianto : ia kawan, lumayan lah buat menambah kesan rapi di blog kita. . .

Kang Epul said...

Bisa nambah keren tampilan blog nich, makasih tutorialnya sob..

Agung X-Zeg Indraguna said...

@Kang Epul : sama-sama kang, hanya sekedar berbagi informasi aja !!

New Trik Tips Komputer said...

tips mempercntik tampilan ya ,.,.
langsung di coba ah ,.,.!!!
makasih ya udah berbagi !!!!

Agung X-Zeg Indraguna said...

@New Trik Tips Komputer : eapz. . sama-sama !!

lina@happy family said...

Terima kasih sudah berbagi info :)

Maaf baru bisa mampir lagi. Iya nih, saya tinggal di Bogor Utara- Bogor Baru...

www.omdani.blogspot.com said...

makasih kang..
www.omdani.com

ICHWAN said...

Makasih avatar saya belum muncul krn belum ada yg ngasi comment harap maklum

Post a Comment