Cara Menampilkan Avatar / Foto Komentator Blogger
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...
28 komentar:
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...
ok deh.. tips tu dah siap, tp blm gw posting, tggu ja bro......
Tipsnya bagus.... tapi sayang, untuk yang tidak ada avatarnya tidak tergantikan secara otomatis dengan gambar avatar yang lain...
@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...
Okay thank's buat tips tambahannya :) dan sukses untuk blognya yach... ;)
makasih infona mau di coba dulu
@Haryanto: Ok...
ilmu yang bermanfaat, sudah saya coba sob dan trnyata hasilnya memuaskan :)
Banyak ilmu yang bermanfaat yang bisa saya ambil dari sini.
Terimakasih banyak.. ;)
thanks bos tipnya sangat bermanfaat;;)
link balik : http://www.imtikhan.co.cc/
hmmm...begitu ya mas
trims udah ngasih tau caranya mas
jd bagus kalo dikasih avatar ya komentarnya
salam kenal mas
terima kasih tutorialnya bos
salam kenal http://www.imtikhan.co.cc
Thanks sob :D
:))
Ok,, saya coba dulu,,
Makasi,,
salam kenal yaa,,
Jika berkenan, berkunjung yya ke blog saya..
http://getandshareinformation.blogspot.com
makasi salam kenal
www.yordan-black.co.cc
thanks kawan?
informasinya sangat membantu?
Sudah saya coba mas, dan berhasiil!!
Kalo ada waktu mas bisa coba koment di Blog saya :D
langsung di coba neh...moga berhasil
coba2 nih mudah2an tidak gagal..
salam sobat
kunjungan dari S.A
trims tutorialnya,akan saya coba.
semoga berhasil.
tutorialnya kurang manjur di blog ane.gatau napa y
http://ati-zone.blogspot.com
Mantap...
mantap. . .
gan kunjungin juga ya blog ku http://slrcomputer.blogspot.com
oke boss infonya langsung dicoba boss, thx
http://desa-cikeruh.blogspot.com, sambil blogwalking boss
thanks atas informasinya yang bermanfaat
muateb sob
nambah ilmu nih buat saya yang new bie,,, silahturahminya gan.. :D
nambah ilmu nih buat saya yang new bie,,, silahturahminya gan.. :D