Dua bulan yang lalu saya mencoba mengobrak-ngabrik "daleman" berbagai template untuk mengetahui cara menampilkan avatar dalam kotak komentar (Comments Box). Dari hasil obrak-abrik ini ada dua pengetahuan baru yang saya peroleh. Pertama, cara menambahkan avatar blogger profile, dan kedua, cara menampilkan avatar MyBloglog, seperti pada kotak komentar SC Community.
Untuk yang pertama, saya masih penasaran akan kebenaran temuan tersebut. Setelah ber-googling-ria, ternyata pengetahuan yang saya peroleh itu tidak salah. Nah, berikut ini akan saya jelaskan bagaimana cara menampilkan avatar blogger profile pada kotak komentar. Tulisan ini saya ambil dari situs www.dantearaujo.net setelah dilakukan perubahan pada instruksinya agar memudahkan kamu dalam mengeditnya.
Langkah-langkah yang harus kamu lakukan untuk menampilkan avatar ini pada kotak komentar adalah sebagai berikut:
Nah, sekarang coba kamu lihat kotak komentar kamu, apakah avatar-avatar komentator sudah nampak?
Ok coy, selamat mencoba.....
Untuk yang pertama, saya masih penasaran akan kebenaran temuan tersebut. Setelah ber-googling-ria, ternyata pengetahuan yang saya peroleh itu tidak salah. Nah, berikut ini akan saya jelaskan bagaimana cara menampilkan avatar blogger profile pada kotak komentar. Tulisan ini saya ambil dari situs www.dantearaujo.net setelah dilakukan perubahan pada instruksinya agar memudahkan kamu dalam mengeditnya.
Langkah-langkah yang harus kamu lakukan untuk menampilkan avatar ini pada kotak komentar adalah sebagai berikut:
- Login ke akun Blogger kamu.
- Dari halaman Dasbor, klik Tata Letak dan pilih Edit HTML.
- Lakukan duplikasi template untuk berjaga-jaga jika terjadi masalah.
- Beri tanda centrang pada Expand Template Widget.
- Carilah kode berikut (untuk memudahkan, gunakan Control F atau F3):
<dl id='comments-block'>
- Jika sudah ketemu gantikan dengan kode ini:
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
- Kemudian kamu cari kode ini:
<a expr:name='data:comment.anchorName'/>
- Gantikan kode tersebut dengan kode ini:
<b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/> </b:if> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if>
- Setelah itu letakkan kode CSS berikut di atas ]]></b:skin>:
/* Avatar Kosong */ .avatar-image-container img { background:url(http://sites.google.com/site/ruangsc/imgsb/blankavatar.png); width:35px; height:35px; } - Simpanlah hasil kerjaan kamu dan ucapkan alhamdulillah.....
Nah, sekarang coba kamu lihat kotak komentar kamu, apakah avatar-avatar komentator sudah nampak?
Ok coy, selamat mencoba.....
29 komentarPosting Komentar
aneh punya gw template code nya gw cari yg diatas itu g ada semua...padahal pengen coba
Menampilkan Avatar Blogger Profile Pada Kotak Komentar
sharingnya sangat membantu sepertisaya ini kang,
terimakasih ya
makasih kang. info mantab lagi nih.
Info yang menarik Kang, nanti saya pelajari lagi deh
mai di coba ah,. mumpung ge kotao atik komment
langsung di test......
nuhun kang
Mantabs nich... Makasih untuk tutorialnya...
Tambah lagi pengetahuanku! Blog ini memang JOS!
Benar disini avatar saya muncul!
Bener-bener kepake ni tutorial. Mantab abis!!!
Setelah dicoba-coba, akhirnya bisa juga nampilin avatar di komentarku.
Mantap bro
ok bgt sih kang infonya ,tapi aku kok gaptek ya hihihi....
di template saya mah gak ada anchornamena siah kang....sayah jadi lieur, jadi w avatarna via mybloglog. tapi ceunah mah rek tutup deui eta si mybloglogna teh deui ah....lalieur yeuh wuekekek
hmmmm. . .langsung di cobak
@Rep Semua:
Makasih atas semua apresiasinya
@Rep Beben:
Klo ga ada achorname-nya, coba letakkan kode untuk mengganti <a expr:name='data:comment.anchorName'/> di atas kode <a expr:name=.....
Mudah-mudahan bisa berhasil
saya udah berhasil kang , udah kelihatan tuh fotonya makasih atas bimbingannya
wah tips yg sgt bgus kawan kebetulan Blog aq foto Avatarnya gak kluar...
(dl id='comments-block') gak ada di html ane bang
@Rep Ipin:
Kalo gak ada, pasti id='comments-block'-nya ada. Coba cari lagi sob. Smoga berhasil...
mumet...wkwkwkwkkk
entar deh tak ulik² agih Bos....salam blogger
Gimana kalau memperbesar foto ukuran avatar sobat..., kalau ditempat aku avatarnya imut banget
@Rep Beben:
Makana make template ulah nu aneh, hehehe...
@Rep Setiawan:
Tinggal ubah ukuran widht dan heigth-nya aja sob. Misal: widht dan heigth-nya menjadi berukuran: width:35px;
height:35px;
makasihh... ini yang saya cari,hehe..
Syukron infonya :)
Terimakasih infonya kang langsung praktek nih...
makasih gak tutorialnya, n dah saya coba
sekalian ijin ngelink di blog saya
:D
ceritahotsex-buaya.blogspot.com
ga jalan kang :(
dicoba gan, makasih tutorialnya. Kunjungi blog saya gan di http://lintas-tutor.blogspot.com/
Tambahkan Komentar
Terimakasih atas semua apresiasi yang sobat berikan.