Walaupun sangat terlambat dan mesti menunggu blogger ulang tahun yang ke 10 dulu , namun bagi saya dan mungkin jutaan pengguna blogspot di seluruh dunia merasa senang dengan penambahan avatar pada tampilan komentarnya. Dengan demikian kita tidak perlu menggunakan javascript -hack pihak ketiga atau menggunakan avatar dari mybloglog.
Namun penambahan avatar pada komentar ini tidak berjalan mulus untuk semua pemakai, karena ada sebagian teman-teman yang tidak menikmati avatar komentar pada blognya masing-masing. Dan ini menurut saya sangat wajar karena ada sebagian teman-teman yang suka mengedit-edit pada bagian ini dan banyak juga penyedia free template yang tidak mengantisipasi penambahan ini.
Untuk itu bagi teman-teman yang tidak melihat avatar-comment bisa coba menggunakan trik sederhana ini, yang saya dapat kan dari bloggerbuster.
Menambah Script Untuk Menampilkan Avatar
.
Langkah Pertama :
Cek dulu pada tab Settings – Comments kemudian periksa di samping “ Show profile images on comments? “ pilihanya pada “ Yes” . dan sekarang periksa pada post commnets-nya apa avatarnya sudah keliatan.
Langkah Kedua :
Jika langkah pertama belum tersedia/ada, kita bisa mengedit template kita pada bagian Html –nya. Buka tab Edit-Html kemudian cek/centang/tandai tulisan Expand Widget Templates.
Kemudian cari script di bawah ini.
<dl id='comments-block'>
Jika anda tidak menemukan kode di atas coba cari script ini.
<div id='comments-block'>
Setelah script di atas ketemu kemudian ganti dengan kode berikut ini.
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
Note : intinya sebenarnya ada pada kode expr:class='data:post.avatarIndentClass'
Setelah itu kemudian cari kode ini.
<a expr:name='data:comment.anchorName'/>
Kemudian di atasnya masukan/simpan kode berikut ini.
<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>
Kemudian Simpan Template ( Save Template )
Apa Selanjutnya ?
Walaupun kita sangat senang dengan penambahan ini, namun saya kira dan setuju bangeut dengan pendapat amanda. bahwa penambahan avatar ini masih menyisakan pere buat tim work yang ada di belakang “ blogger “ . karena sebagaimana kita tahu tampilnya avatar ini hanya tersedia untuk pengguna akun blogger/google, tidak untuk pengguna yang lain seperti Open Id dll.
Memang sangat di sayangkan untuk penantian selama 10 tahun. but kita tunggu saja dengan sabar.. hehueueue.
Update
Dulu saya pernah nulis tentang “ Membuat Halaman Komentar Menjadi Dua Kolom “ . Tulisan tersebut ( kode tersebut ) telah saya update dan bisa menampilkan avatar-comment.
Jadi yang terlanjur menggunakan silahkan update kode scriptnya.
27 komentar:
Kode dah diganti tapi masih belum keluar avatarnya.
Gimana dong??
Upps, maaf...
Sekarang udah bisa, makasih Tutorialnya
sebelumnya lupa ubah “ Show profile images on comments?" :P
saya cek blog sampean ada mas :D
yup cuman sy ngga bisa komentar di blognya.. Word verification tertutup ( terlalu ke bawah )
thanks bos, infonya
sy repost ya dgn bahasan lebih lengkap di blog saya :D
Silahkan lihat di sini:
Fitur Terbaru Blogger Tampilkan Foto Avatar di Komentar (Update Lengkap)
.
Udah dicoba kang di template saya, cuma aneh jadinya.
Avatar'x ada diluar kotak scroll komen'x, wkwkwkwk...
Aneh... :D
Hi,
I am soufiane, from LeBlogger.com (see Amanda post)
To replace the blank space for Anonyous comments with a 35x35 image, i added these lines of CSS (for example, just before ]]></b:skin> ):
/* Avatar */
.avatar-image-container img {
background:url(http://i860.photobucket.com/albums/ab162/LeBloggerTemplate/LeBlogger.jpg);
width:35px;
height:35px;
}
(This will resize the small favicon (from 16x16 to 35x35) displayed for OpenID, Wordpress, LiveJournal, Typepad, AIM, the OpenID...)
Meski ngk nyambung ama postingan, nekad aja dah buat ngucapin, "Met Idul Fitri 1 Syawal 1430 H" Kang....!!!
sejujurnya saya masih kurang puas dgn avatar blogspot. krn itu fitur ini saya matikan.
Sip. Ngke di aplikasikan.
Wah boleh juga tipsnya bos... blognya keren.. sumpah dikira google. hihi sipplah...
Blog nya bagus,, hihihi kaya lagi nyari di Google,,
pakai Avatar, numpang mejeng diblog orang,, heheheh,,,
MInal Aidzin Walfaidzin yaa :)
kereeeenn
wah..lama juga ya nunggunya, terima kasih untuk penjelasannya, lagi mau dicoba dulu nech..
trus cara'a ea bikin nama/url,anoimymous gemana???
udah pernah gue coba bos, masalahnya nggak ketemu code nya waktu gue cari pake find.. jadi gue batalin dulu deh experimentnya. thanx anyway
Siip nih infonya n boleh di coba yah...
Thanks infonya sob...
@ Donny
sama2 gan thank atas kunjuganya
okew hiihi
bang,,, aku daur ulang tulisannya di blogsaya. Makasih :)
Bagaimana Menambah Avatar-Comment bagi Template Non Standard ahirnya nemu juga yang aku cari
thanks infonya...
makasih infonya..
baru belajar buat blog nie, mohon bantuannya ^^
mas kok di blog aku gak ada kode2 diatas???
makasih
cara membuat scrol pada blog gmna mas?
ohw...begitu yah gan, ane udah muter2 alhamdulillah dapet tutorial komplit disini,thanks gan.
Android Phone Tips | Android Phone Tips
Post a Comment
" Apapun Yang Dapat Anda Lakukan, Atau Ingin Anda Lakukan Mulailah
Keberanian Memiliki Kecerdasan, Kekuatan Dan Keajaiban Di Dalam-nya"
Makacih Atas Komentar-Nya