Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara Memasang Avatar Untuk Komentar Anonymous/Name Url.
Salah satu fitur baru yang menarik dari Blogger adalah fitur "Show Your Face", sebuah fitur yang memungkinkan kita menampilkan avatar/foto dari para pengunjung yang berkomentar di blog :D
Untuk menampilkan avatar pada bagian komentar tidak sulit, kamu cukup mengaktifkannya dengan cara masuk ke bagian Settings > Comments lalu pilih Yes pada bagian Show profile images on comments? lalu Save :D
Setelah kamu mempraktekan cara diatas kamu akan mendapati avatar-avatar dari para blogger yang telah meninggalkan komentar di blog kamu :)
Cara diatas hanya menampilkan avatar dari pengguna blogger yang melakukan login baik menggunakan akun Google, OpenID, AIM, TypePad, WordPress maupun LiveJournal. Tapi bagaimana dengan yang telah menulis komentar sebagai Anonymous atau menggunakan Name/URL? Tentunya fotonya tidak akan muncul, yang ada hanya bidang kosong saja.
Agar bidang kosong itu nampak lebih rapih diantara avatar-avatar blogger yang telah ada, dapat diakali dengan cara memasang default photo untuk para blogger yang login sebagai Anonymous atau menggunakan Name/URL.
Cara Memasang Avatar Untuk Komentar Anonymous/Name Url pada Blogspot :
- Login pada Blogger
- Masuk mode Rancangan, kemudian Edit HTML
- Centang Expand Widget Templates
- Cari kode berikut ( Cara mencari kode, Tekan Ctrl+F Copy-Paste atau tulis kode yang ingin dicari pada kotak yang muncul lalu tekan Next )
<dl id='comments-block'> atau <dl class='comments-block' id='comments-block'>
- Jika sudah ketemu, ganti kode tadi dengan kode berikut
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
- Setelah itu cari kode ke-2 yaitu kode <a expr:name='data:comment.anchorName'/>
- Lalu letakan kode berikut tepat diatas kode tadi
<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>
- Setelah itu tambahkan CCS ini untuk default photo di atas kode ]]></b:skin>
.avatar-image-container img {
background: url(http://lh3.ggpht.com/_sjkDLNBkESU/S2UosFIpJyI/AAAAAAAAAZY/mmOU-XKKuuQ/s800/emo.png) no-repeat;
width: 35px;
height: 35px;
}
background: url(http://lh3.ggpht.com/_sjkDLNBkESU/S2UosFIpJyI/AAAAAAAAAZY/mmOU-XKKuuQ/s800/emo.png) no-repeat;
width: 35px;
height: 35px;
}
- Bagian yang berwarna merah dapat diganti dengan Url gambar Anda
- Jika sudah selesai semua, Simpan Template
Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^
kebetulan gan, saya lagi mau masangin avatar buat akun anymous di komentar saya :d
ReplyDeleteTerimakasih atas tutorialnya.
ReplyDeleteMau nanya.. gue punya blog, tapi kalo ada yang komentar, komentarnya tuh enggak muncul. itu cara ngatasinnya gi mana???
ReplyDeletemohon bantuannya. namanya juga pemula. mkasih
tes
ReplyDeletethanks yaa gan :)
ReplyDeleteMakasih gan :D
ReplyDeleteuntuk yang menggunakan Name/URL apakah bisa di set juga?
ReplyDeletekalau mengubah avatar dengan foto kita gimana gan caranya ?
ReplyDeletetutorialnya sangat membantu, thanks ya gan
ReplyDeleteterimakasih atas informasinya semoga bermanfaat
ReplyDeleteterimakasih atas informasinya
ReplyDeletesemoga bermanfaat
terimakasih telah berbagi informasi yang menarik dan bermanfaat sekali
ReplyDeletedi tunggu informasi selanjutnya, sukses terus
terimakasih atas info nya gan
ReplyDeleteditunggu update nya gan
terimakasih atas info nya gan
ReplyDeleteditunggu update nya
info nya sangat menarik
ReplyDeleteterimakasih sudah berbagi info yang sangat bermanfaat
coba ah
ReplyDeleteterimakasih atas info nya yang sangat bermanfaat
ditunggu update selanjut nya
terimakasih sudah berbagi info nya gan
ReplyDeleteditunggu update nya
terimkasih atas pengetahuan nya
ReplyDeletesaya senang bisa berkunjung ke blog anda
terus update informasi2 yang menraik dan bermanfaat gan
ReplyDeleteterimakasih
Beritanya bermanfaat gan. Saya tunggu berita selanjutnya
ReplyDeleteartikelnya bagus gan,
ReplyDeletesaya tunggu postingan selanjutnya
Terimakasih telah berbagi informasi yang menarik dan bermanfaat sekali
ReplyDeletedi tunggu informasi selanjutnya, sukses terus
terimakasih gan
ReplyDeletemnrut aku lbih bagus yang pake name/url...
ReplyDeleteApk Download, Beautiful Widgets Apk, Apk Installer, Apk Games Download, Apk Free Download, Apk Apps Free Download, Free Apk Downloads, Apk For Android
menrik sekali untuk dibaca
ReplyDeleteterimakasih atas info nya
sukses terus gan
update terus infonya gan
ReplyDeletemenarik dan bermanfaat sekali nih
terimakasih banyak
info info yang disajikan menarik sekali
ReplyDeletedan bermanfaat
terimakasih gan
Anda juga harus memperhatikan Kinerja dari android anda
ReplyDeleteterimakasih informasinya gan, sangat bermanfaat, salam blogger gan
ReplyDeleteohh jadi begitu caranya gan, terimakasih gan
ReplyDeletebagus infonya, sangat bermanfaat
ReplyDeletetopik yang disajikan sangat bagus
ReplyDeletedan tampilan blog nya keren
thanks gan
.terima kasih gan info nya
ReplyDelete.menarik dan bermanfaat nih ..
.sukses terus
sangat menarik sekali
ReplyDeletedan bermanfaat infonya
terima kasih banyak
sip gan infonya sangat menarik
ReplyDeletedan bermanfaat sekali
terima kasih banyak
wahh saya baru tau gan
ReplyDeletesaya coba dulu yaa
oke bang tutorialnya
ReplyDelete