TopBottom

Blog Tutorial

About Me

Add your donation here for a better of our service. Thanks!

Berlangganan

Anda Suka Tips Blogger Zacky?
Temukan Kami Di:
Ingin Dapat Artikel Terbaru?
rss Klik disini untuk berlangganan melalui RSS atau terima artikel di email anda dengan cara mengisi form berikut:

Cara Menampilkan Avatar / Foto Komentator Blogger

Original by IFX Adrian | 01 Januari 2010 28 Comments

avatar_comment
Tips kali ini merupakan detail kecil tapi penting untuk anda para Blogger. Dengan tips yang akan saya jelaskan sekarang, anda bisa menampilkan foto / avatar para komentator di samping isi komentar atau dibawah. Jika para komentator memberi komentar dengan akun atau profil Blogger mereka, maka foto dari profil tersebut akan langsung muncul disamping isi komentar. Untuk contohnya bisa anda lihat disini. Mau tau cara membuatnya?

Berikut Cara Menampilkan Avatar / Foto Komentator di Komentar Blogger:

1. Login ke akun Blogger anda

2. Plih Layout > Edit HTML, lalu centang Expand Widget Template

3. Cari kode <dl id='comments-block'>, ganti kode tersebut dengan kode di bawah ini:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>



Note: Jika di template anda kode comments-block berada dalam tag div, maka ganti tag dl pada <dl expr:class='data:post.avatarIndentClass' id='comments-block'/> dengan tag div. Hasilnya: <div expr:class='data:post.avatarIndentClass' id='comments-block'/>.

4. Selanjtunya, cari kode <a expr:name='data:comment.anchorName'/>, lalu paste kode berikut di atasnya:

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



5. Terakhir, klik Save Template.

Selamat mencoba...

Jangan lupa kasih komentar ya...

Label:

Bagikan Artikel Ini!

<a href="http://instaforex.com/forexcopy_system.php?x=DVXF">InstaForex</a>
Facebook Delicious Digg! Twitter Linkedin StumbleUpon Lintas Berita
Technorati Google Bookmarks Mixx Yahoo! Newsvine Reddit

Artikel Lain Yang Mungkin Anda Baca

28 komentar:

Free Download 5 Januari 2010 pukul 01.16  

sob... tolong kasih gw kashih gw link pstingan lo yang membahas tentang membuat trafic dan page rank men...
,tinggalin linknya di nama lu(di buku tamu gw..)

TRUS GMANA CARANYA NAMPILIN BURNER TERUS ADA LINKNYA...
mohon info selengkapnya...
thanks before..

SALAM BLOGGER...

Zacky Adrishayuni 5 Januari 2010 pukul 20.17  

ok deh.. tips tu dah siap, tp blm gw posting, tggu ja bro......

Gondrezt 18 Januari 2010 pukul 04.49  

Tipsnya bagus.... tapi sayang, untuk yang tidak ada avatarnya tidak tergantikan secara otomatis dengan gambar avatar yang lain...

Zacky Adrishayuni 19 Januari 2010 pukul 08.37  

@Gondrezt: untuk yang tidak ada avatar, kita bisa gantinya kok,,,

caranya, cari kode ]]></b:skin>, lalu paste kode berikut di atasnya:

.avatar-image-container img {
background:url(http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=35);
width:35px;
height:35px;
}

nha, kalo pake yang kode itu gambarnya blank, kalo mau ganti sm gambra lain juga bisa, asal ukurannya 35x35px, ganti aja url http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=35 sm url gambar lainnya...

Thanks atas komentarnya...

Gondrezt 20 Januari 2010 pukul 00.57  

Okay thank's buat tips tambahannya :) dan sukses untuk blognya yach... ;)

Haryanto Blog 21 Januari 2010 pukul 18.36  

makasih infona mau di coba dulu

Dunia X Download 5 Maret 2010 pukul 17.45  

ilmu yang bermanfaat, sudah saya coba sob dan trnyata hasilnya memuaskan :)

Banyak ilmu yang bermanfaat yang bisa saya ambil dari sini.

Terimakasih banyak.. ;)

imtikhan 25 April 2010 pukul 15.06  

thanks bos tipnya sangat bermanfaat;;)
link balik : http://www.imtikhan.co.cc/

Hanna Pertiwi 4 Mei 2010 pukul 00.18  

hmmm...begitu ya mas
trims udah ngasih tau caranya mas
jd bagus kalo dikasih avatar ya komentarnya

salam kenal mas

imtikhan 7 Mei 2010 pukul 12.59  

terima kasih tutorialnya bos
salam kenal http://www.imtikhan.co.cc

Get and Share Information 14 September 2010 pukul 16.35  

Ok,, saya coba dulu,,
Makasi,,
salam kenal yaa,,
Jika berkenan, berkunjung yya ke blog saya..
http://getandshareinformation.blogspot.com

Yordan_xxx 6 Oktober 2010 pukul 12.12  

makasi salam kenal
www.yordan-black.co.cc

IDEA 16 Oktober 2010 pukul 08.21  

thanks kawan?
informasinya sangat membantu?

jieenk 18 Oktober 2010 pukul 07.58  

Sudah saya coba mas, dan berhasiil!!

Kalo ada waktu mas bisa coba koment di Blog saya :D

Phinisi Boat 30 Oktober 2010 pukul 10.22  

langsung di coba neh...moga berhasil

nuranuraniku.blogspot.com 11 November 2010 pukul 12.49  

salam sobat
kunjungan dari S.A
trims tutorialnya,akan saya coba.
semoga berhasil.

aTi 17 Desember 2010 pukul 19.24  

tutorialnya kurang manjur di blog ane.gatau napa y
http://ati-zone.blogspot.com

Sugih 18 Juli 2011 pukul 05.34  

mantap. . .
gan kunjungin juga ya blog ku http://slrcomputer.blogspot.com

Unknown 19 November 2011 pukul 23.54  

oke boss infonya langsung dicoba boss, thx
http://desa-cikeruh.blogspot.com, sambil blogwalking boss

Anonim 22 Januari 2012 pukul 19.56  

thanks atas informasinya yang bermanfaat

Anonim 9 Juni 2012 pukul 15.14  

nambah ilmu nih buat saya yang new bie,,, silahturahminya gan.. :D

Anonim 9 Juni 2012 pukul 15.25  

nambah ilmu nih buat saya yang new bie,,, silahturahminya gan.. :D

Posting Komentar