BloonOnline GoTemplatez VersiEdan
Facebook Twitter You Tube Friendfeed
Blog Seo Intermezo

Bagaimana Menambah Avatar-Comment bagi Template Non Standard

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.

avatar

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.

Page views this post: reader

30 komentar:

kyuutaro™ said...

Kode dah diganti tapi masih belum keluar avatarnya.
Gimana dong??

kyuutaro™ said...

Upps, maaf...
Sekarang udah bisa, makasih Tutorialnya

sebelumnya lupa ubah “ Show profile images on comments?" :P

JALOE said...

saya cek blog sampean ada mas :D

JALOE said...

yup cuman sy ngga bisa komentar di blognya.. Word verification tertutup ( terlalu ke bawah )

blogger templates said...

Hi All, there is A tutorial about customizing blogger avatar at AllBlogTools.com

Here is the link

http://www.allblogtools.com/tricks-and-hacks/how-to-add-and-customize-comment-avatars-to-blogger-templates/

Zons said...

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)

.

Zippy said...

Udah dicoba kang di template saya, cuma aneh jadinya.
Avatar'x ada diluar kotak scroll komen'x, wkwkwkwk...
Aneh... :D

Soufiane LeBlogger said...

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...)

Herdiansyah Hamzah said...

Meski ngk nyambung ama postingan, nekad aja dah buat ngucapin, "Met Idul Fitri 1 Syawal 1430 H" Kang....!!!

rio2000 said...

sejujurnya saya masih kurang puas dgn avatar blogspot. krn itu fitur ini saya matikan.

firdaus.a said...

Sip. Ngke di aplikasikan.

Mengembalikan Jati Diri Bangsa said...

Wah boleh juga tipsnya bos... blognya keren.. sumpah dikira google. hihi sipplah...

BlaGabloGer said...

Blog nya bagus,, hihihi kaya lagi nyari di Google,,
pakai Avatar, numpang mejeng diblog orang,, heheheh,,,

MInal Aidzin Walfaidzin yaa :)

Ahmad Musorip said...

kereeeenn

Anonymous said...

wah..lama juga ya nunggunya, terima kasih untuk penjelasannya, lagi mau dicoba dulu nech..

ryan said...

trus cara'a ea bikin nama/url,anoimymous gemana???

Ŧзяяŷ said...

udah pernah gue coba bos, masalahnya nggak ketemu code nya waktu gue cari pake find.. jadi gue batalin dulu deh experimentnya. thanx anyway

Saung Web said...

Siip nih infonya n boleh di coba yah...

Donny said...

Thanks infonya sob...

JALOE said...

@ Donny
sama2 gan thank atas kunjuganya

admin said...

okew hiihi

KURNIA SEPTA said...

bang,,, aku daur ulang tulisannya di blogsaya. Makasih :)

IT.blog.com said...

Bagaimana Menambah Avatar-Comment bagi Template Non Standard ahirnya nemu juga yang aku cari

sipon said...

thanks infonya...

Frans said...

makasih infonya..
baru belajar buat blog nie, mohon bantuannya ^^

kdrama said...

mas kok di blog aku gak ada kode2 diatas???
makasih

MY DREAM WORLD said...

cara membuat scrol pada blog gmna mas?

Indonesia News Aggregator said...

terimakasih banyak atas informasinya sobat, ini akan sangat berguna untuk kita semua Job Feed Aggregator, General Forum Discussion

salam

endut said...

salam kenal sobat, saya yuniico di yogyakarta

Salam sahabat

Diamond Blizz

Best to Download

Android Phone Tips said...

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

 

Copyright 2009. Home | Serba Serbi Google | XHTML | CSS Design by Catalog-Tutorial