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

43 komentar:

  1. thanks sudah berbagi ilmunya, sukses selalu...

    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. 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
  3. makasih gan, segera dicoba nih

    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
  4. terimakasih info nya yang sanagt bermanfaat
    ditunggu info info selanjut nya

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

    BalasHapus
  6. terimakasih atas infonya gan, kunjungi website kami juga ya di http://solusisehatanda.com/2015/07/08/cara-alami-mengobati-gastritis/

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

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

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

    BalasHapus
  10. Komentar ini telah dihapus oleh pengarang.

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

    BalasHapus
  12. 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
  13. salam suses,,,ilmunya sangat bermanfaat,,,thanks


    jual obat jerawat alami

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

    BalasHapus
  15. Sangat bermanfaat nih ilmunya terimakasih ya Obat Peninggi Badan Tiens

    BalasHapus

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

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