Breaking News
Loading...
Thursday 13 June 2013

Info Post
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;
}

  • Bagian yang berwarna merah dapat diganti dengan Url gambar Anda
  • Jika sudah selesai semua, Simpan Template
Demikian blogger tutorial mengenai Cara Memasang Avatar Untuk Komentar Anonymous/Name Url. 

Semoga bermanfaat dan semoga berhasil. 
Terima Kasih ^_^

37 komentar:

  1. kebetulan gan, saya lagi mau masangin avatar buat akun anymous di komentar saya :d

    ReplyDelete
  2. Mau nanya.. gue punya blog, tapi kalo ada yang komentar, komentarnya tuh enggak muncul. itu cara ngatasinnya gi mana???
    mohon bantuannya. namanya juga pemula. mkasih

    ReplyDelete
  3. untuk yang menggunakan Name/URL apakah bisa di set juga?

    ReplyDelete
  4. kalau mengubah avatar dengan foto kita gimana gan caranya ?

    ReplyDelete
  5. terimakasih atas informasinya semoga bermanfaat

    ReplyDelete
  6. terimakasih atas informasinya
    semoga bermanfaat

    ReplyDelete
  7. terimakasih telah berbagi informasi yang menarik dan bermanfaat sekali
    di tunggu informasi selanjutnya, sukses terus

    ReplyDelete
  8. terimakasih atas info nya gan
    ditunggu update nya gan

    ReplyDelete
  9. info nya sangat menarik
    terimakasih sudah berbagi info yang sangat bermanfaat

    ReplyDelete
  10. coba ah
    terimakasih atas info nya yang sangat bermanfaat
    ditunggu update selanjut nya

    ReplyDelete
  11. terimakasih sudah berbagi info nya gan
    ditunggu update nya

    ReplyDelete
  12. terimkasih atas pengetahuan nya
    saya senang bisa berkunjung ke blog anda

    ReplyDelete
  13. terus update informasi2 yang menraik dan bermanfaat gan
    terimakasih

    ReplyDelete
  14. Beritanya bermanfaat gan. Saya tunggu berita selanjutnya

    ReplyDelete
  15. artikelnya bagus gan,
    saya tunggu postingan selanjutnya

    ReplyDelete
  16. Terimakasih telah berbagi informasi yang menarik dan bermanfaat sekali
    di tunggu informasi selanjutnya, sukses terus

    ReplyDelete
  17. menrik sekali untuk dibaca
    terimakasih atas info nya
    sukses terus gan

    ReplyDelete
  18. update terus infonya gan
    menarik dan bermanfaat sekali nih
    terimakasih banyak

    ReplyDelete
  19. info info yang disajikan menarik sekali
    dan bermanfaat
    terimakasih gan

    ReplyDelete
  20. terimakasih informasinya gan, sangat bermanfaat, salam blogger gan

    ReplyDelete
  21. ohh jadi begitu caranya gan, terimakasih gan

    ReplyDelete
  22. topik yang disajikan sangat bagus
    dan tampilan blog nya keren
    thanks gan

    ReplyDelete
  23. .terima kasih gan info nya
    .menarik dan bermanfaat nih ..
    .sukses terus

    ReplyDelete
  24. sangat menarik sekali
    dan bermanfaat infonya
    terima kasih banyak

    ReplyDelete
  25. sip gan infonya sangat menarik
    dan bermanfaat sekali
    terima kasih banyak

    ReplyDelete
  26. wahh saya baru tau gan

    saya coba dulu yaa

    ReplyDelete