English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified
You are here: Home » » Cara Memasang Avatar Untuk Komentar Anonymous/Name Url

Cara Memasang Avatar Untuk Komentar Anonymous/Name Url

By. Dedi Yahya S

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 ^_^

35 komentar:

  1. artikelnya sangat bagus dan sangat bermanfaat, makasih
    semoga sukses saja.. dan salam hangat buat admin blog dari ibbenk21

    BalasHapus
    Balasan
    1. Mau share bagai mana cara sadap ANDROID, BB dan IPHONE dan SYMBIAN juga berbagai macam ponsel.


      kunjungi : WWW.PENYADAPPHONE.COM

      Info lengkap tentang fiturnya dibawah ini:

      1.Sadap BBM
      2.Sadap SMS
      3.Sadap PANGGILAN SUARA
      4.Sadap FOTO DAN VIDEO DI GALERY
      5.Sadap LOKASI [MELALUI SATELIT]
      6.Sadap WHATSAPP
      7.Sadap FACEBOOK
      8.Sadap BEETALK
      9.Sadap SKYPE
      10.Sadap Email/ YAHOO GMAIL DAN HOTMAIL
      11.Sadap SUARA SEKITAR
      12.Sadap KONTAK NAMA
      13.Sadap HISTORY BROWSER
      14.Sadap KAKAO TALK, PATH

      Dan masih banyak lainnya...

      SADAP SEMUA RAHASIA DI PONSEL DIA SECARA JARAK JAUH, PASANGAN SUAMI/ISTRI ANDA YANG SEDANG SELINGKUH ATAU MELINDUNGI ANAK REMAJA ANDA DARI PERGAULAN BEBAS.

      KETENTUAN/ KEBIJAKAN PENGGUNAAN BERLAKU.


      Info lengkap, Silahkan
      Kunjungi Website : WWW.SADAP.COM

      Hapus
  2. Balasan
    1. Mau share bagai mana cara sadap ANDROID, BB dan IPHONE dan SYMBIAN juga berbagai macam ponsel.


      kunjungi : WWW.PENYADAPPHONE.COM

      Info lengkap tentang fiturnya dibawah ini:

      1.Sadap BBM
      2.Sadap SMS
      3.Sadap PANGGILAN SUARA
      4.Sadap FOTO DAN VIDEO DI GALERY
      5.Sadap LOKASI [MELALUI SATELIT]
      6.Sadap WHATSAPP
      7.Sadap FACEBOOK
      8.Sadap BEETALK
      9.Sadap SKYPE
      10.Sadap Email/ YAHOO GMAIL DAN HOTMAIL
      11.Sadap SUARA SEKITAR
      12.Sadap KONTAK NAMA
      13.Sadap HISTORY BROWSER
      14.Sadap KAKAO TALK, PATH

      Dan masih banyak lainnya...

      SADAP SEMUA RAHASIA DI PONSEL DIA SECARA JARAK JAUH, PASANGAN SUAMI/ISTRI ANDA YANG SEDANG SELINGKUH ATAU MELINDUNGI ANAK REMAJA ANDA DARI PERGAULAN BEBAS.

      KETENTUAN/ KEBIJAKAN PENGGUNAAN BERLAKU.


      Info lengkap, Silahkan
      Kunjungi Website : WWW.SADAP.COM

      Hapus
  3. terimakasih info nya yang sanagt bermanfaat
    ditunggu info info selanjut nya

    BalasHapus
  4. terimakasih atas informasinya gan, kunjungi juga website kami di http://solusisehatanda.com/

    BalasHapus
  5. sangat bermanfaat nih infonya gan http://solusisehatanda.com/2015/07/13/cara-alami-mengobati-lupus/

    BalasHapus
  6. .wah mantap nih info nya ..
    .bermanfaat dan menginspirasi banget .
    .terima kasih gan buat infonya .. sukses terus gan

    BalasHapus
  7. thanks atas ilmu.y yang bermanfaat
    nongkrong-darta.blogspot.com

    BalasHapus
  8. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  9. terima kasih atas informasinya, salam wangi dari www.GrosirParfumMalang.com

    BalasHapus
  10. Mau share bagai mana cara sadap ANDROID, BB dan IPHONE dan SYMBIAN juga berbagai macam ponsel.


    kunjungi : WWW.PENYADAPPHONE.COM

    Info lengkap tentang fiturnya dibawah ini:

    1.Sadap BBM
    2.Sadap SMS
    3.Sadap PANGGILAN SUARA
    4.Sadap FOTO DAN VIDEO DI GALERY
    5.Sadap LOKASI [MELALUI SATELIT]
    6.Sadap WHATSAPP
    7.Sadap FACEBOOK
    8.Sadap BEETALK
    9.Sadap SKYPE
    10.Sadap Email/ YAHOO GMAIL DAN HOTMAIL
    11.Sadap SUARA SEKITAR
    12.Sadap KONTAK NAMA
    13.Sadap HISTORY BROWSER
    14.Sadap KAKAO TALK, PATH

    Dan masih banyak lainnya...

    SADAP SEMUA RAHASIA DI PONSEL DIA SECARA JARAK JAUH, PASANGAN SUAMI/ISTRI ANDA YANG SEDANG SELINGKUH ATAU MELINDUNGI ANAK REMAJA ANDA DARI PERGAULAN BEBAS.

    KETENTUAN/ KEBIJAKAN PENGGUNAAN BERLAKU.


    Info lengkap, Silahkan
    Kunjungi Website : WWW.SADAP.COM

    BalasHapus
  11. mantap gan info nya..
    Prediksi Bola
    bermanfaat pastinya bagi para newbie
    sukses terus untuk artikelnya ini beserta artikel-artikel lainnya
    Agen Casino Online
    salam sukses gan
    Agen Taruhan Bola

    BalasHapus
  12. salam suses,,,ilmunya sangat bermanfaat,,,thanks


    jual obat jerawat alami

    BalasHapus
  13. Terimakasih Sharingnya Ada Produk Bagus ni Obat Peninggi Badan Tiens Asli Bahan Herbal Alami

    BalasHapus
  14. Thank you for sharing, This is a nice article..
    Its easy to understand ..
    And this article is using to learn something about it Landing Pages Website Template

    BalasHapus

Berlangganan Artikel Blogger Tutorial Melalui EMail. GRATIS!!
Masukkan Alamat Email Anda di Sini

...::: http://blogtutorials-01.blogspot.com :::...