Cara Menampilkan Avatar Pada Komentar Blog

Menampilkan Avatar Di Komentar Blog – Salah satu cara untuk mempromosikan blog kita adalah berkomentar di blog milik orang lain. Karena dengan hal tersebut paling tidak bisa membuat pemilik blog yang telah kita komentari sebelumnya berkenan untuk berkunjung balik hingga terciptalah jalinan pertemanan dengannya.


Ada beberapa hal yang dapat kita lakukan untuk menarik minat pembaca agar berkenan meninggalkan komentarnya di blog kita. Untuk pembahasan lengkapnya, silakan baca artikel 7 Tips Meningkatkan Jumlah Komentar Di Blog. Salah satu upaya yang kita lakukan adalah dengan memberikan tampilan form komentar yang menarik dan memikat pembaca.

Akan tetapi, dalam melakukan tips tersebut kita akan sedikit menemukan kendala karena pada tampilan komentar default blogger tidak memunculkan avatar untuk pilihan profil komentar selain berkomentar menggunakan profil akun google.

Coba lihat tampilan di bawah ini.


Bagaimana cara menampilkan avatar pada komentar blog ?

Masuk ke dalam akun blogger masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut ini.

<dl class='comments-block' id='comments-block'>

atau

<dl id='comments-block'>

Kemudian hapus dan ganti dengan kode berikut ini.

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Cari kode berikut ini.

<a expr:name='data:comment.anchorName'/>

Kemudian hapus juga dan ganti dengan kode berikut ini.

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

Cari kode berikut ini.

]]></b:skin>

Tambahkan kode berikut ini di atasnya.

#comments-block .avatar-image-container img {
background: #fff url(URL Avatar) no-repeat left top;
width:32px;
height:32px
}

Klik simpan dan selesai.

Keterangan:

  1. Unduh dan simpan template blog kita terlebih dahulu sebagai antisipasi jika terjadi kegagalan dalam proses editing template.
  2. Tekan tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian kode yang kita inginkan dalam template blog kita.
  3. Ganti URL Avatar dengan alamat gambar avatar yang ingin kita tampilkan untuk mengisi kekosongan gambar profil di tampilan komentar blog.
  4. Ganti ukuran tinggi (height) dan lebarnya (width) sesuai keinginan kita.


Ini adalah contoh tampilan komentar blog yang sudah kita pasangi avatar untuk profil komentar selain akun google.


Dengan pemasangan avatar pada komentar blog ini akan membuat tampilan komentar menjadi lebih attraktif dan menarik, sehingga diharapkan akan memancing banyak pembaca untuk meninggalkan komentarnya di postingan blog kita. Semakin banyak pembaca yang aktif memberikan komentarnya di postingan blog kita, maka akan membuat blog menjadi lebih hidup karena tingginya intensitas komunikasi antara pemilik blog dengan para pembacanya.

52 komentar:

  1. silaturahim jalin pertemanan ah :)
    gan follback dong, udah ane follow tu..

    BalasHapus
  2. tip dan trik yang bagus sobat.. sungguh komentar para pembaca merupakan nyawa dari sebuah blog,, nice share

    BalasHapus
  3. ya sering bgt terjadi avatar blank,,tp setelah sy cek yg blank tsbt dari domain yg berbeda,,misal wordpress

    BalasHapus
  4. Ilmu baru lagi ne. . .
    Tapi buat lambat loading ngak ni. . ?

    BalasHapus
  5. Info baru lagi nih.Pengaruh berat ke loading ga sob?

    BalasHapus
  6. gw malah dihilangin sob avatarnya,, hehehe,, tapi bagus juga ya kalo ada avatarnya,, :D,,

    BalasHapus
  7. @Mutiara Islam:

    trims ya sudah berkunjung.
    segera difollow balik. :)

    BalasHapus
  8. @putroe intan:

    betul sekali, itulah yang menjadikan kenapa blog lebih menarik daripada situs statis.

    BalasHapus
  9. @al kahfi:

    mungkin dengan cara di atas bisa digunakan untuk mengatasinya. :)

    BalasHapus
  10. @ryman:

    tidak, jangan selalu berpikiran setiap editing template akan selalu membuat kecepatan loading blog menjadi lambat. :)

    BalasHapus
  11. @Bisnis Online Blog:

    tidak bro, tenang saja. :)

    BalasHapus
  12. Makasih tipsnya Gan,happy blogging.

    BalasHapus
  13. dulu di blog saya muncul foto avatarnya sobat, tapi kenapa sekarang gak muncul sobat??? mohon penjelasan dari sobat....

    BalasHapus
  14. @Laras Mays:

    trims ya sudah berkunjung lagi. semoga bermanfaat tipsnya.

    BalasHapus
  15. @Asis Sugianto:

    coba dicek kode avatarnya di edit HTML template.
    kalau memang masih benar, coba buka link dari avatar tsb apakah masih bisa digunakan atau hosting gambarnya avatar tsb bermasalah.

    BalasHapus
  16. ehm...kebetulan avatar saya hilangkan dari form komentar karena menambah tingkat error W3C...anyway, memang terasa ada yang kurang tanpa avatar...nice share and happy blogging!

    BalasHapus
  17. tp mgkn sj ada yg kurang nyaman klo photo profilx para komentator hrus diganti dgn avatar...,tp klo emank PP komentar memberat loading maka cara diatas mantap di pake..,thx share ilmu sob :)

    BalasHapus
  18. @Iskaruji dot com:

    saya juga tidak menggunakan avatar karena alasan kecepatan loading blog.

    BalasHapus
  19. @Rohis Facebook:

    avatar hanya muncul ketika komentator berkomentar dengan menggunakan profil selain akun google saat berkomentar. jika saat mereka berkomentar menggunakan akun google, maka secara otomatis yang akan muncul adalah foto profil mereka masing-masing.

    BalasHapus
  20. Wow..tutorial yang manisssss... langsung ane mau praktikin, Gan. By the way, ane juga langsung follow #266 (CahNdeso), bila sudi foll-back.. saya merasa sangat bangga! Andai keberatan... no problem.. memang nasib saya begitu...

    BalasHapus
  21. sudah saya follow bro.
    saya juga ingin berkawan dengan banyak blogger di dalam aktifitas blogging ini.
    salam kenal dan ditunggu kunjungan berikutnya ya. :)

    BalasHapus
  22. @Rama88:

    saya juga menghilangkan avatarnya agar loading blog menjadi lebih cepat. :)

    BalasHapus
  23. sya tidak menemukan
    a expr:name='data:comment.anchorName' didalam blog saya...!! tolongin dunk
    http://mastorsepang.blogspot.com

    BalasHapus
  24. @Mastor Sepang:

    sudah saya cek dibeberapa template yang berbeda ada kode tsb bro. coba dicek lagi dengan kode yang mirip2 dengan kode tsb.

    BalasHapus
  25. Bagus nih panduannya...

    happy blogging

    BalasHapus
  26. Wow.. websitenya sangat menarik ya !!!
    Banyak Info yang bisa saya dapatkan disini
    Moga-moga engunjungnya makin ramai
    Numpang promosi ya !!!
    Jual DVD games PC termurah terlengkap berkualitas 5000/DVD, beli >50 DVD = Rp 4000/DVD kunjungi http://pcgamemura.blogspot.com/
    Jual accessories hp nokia, bb, sony ericsson original termurah kunjungi http://accesorieshpmura.blogspot.com/
    Tips menambah tinggi badan dengan cepat dan akurat ada di http://growtallerfastly.blogspot.com

    BalasHapus
  27. Ada cara agar tidak ada avatarnya ndak ?

    BalasHapus
  28. Sukses gan, ma kasih ya gan..

    BalasHapus
  29. ma ksih gan atas ilmunya...

    BalasHapus
  30. info yang sangat menarik gan..salam kenal..berkunjung balik yaah...

    BalasHapus
  31. panjaNg juga tips Nya, tapi thaNks uNtuk pemula seperti saya cukup bisa di pahami??
    klo untuk mendapatkan url avatarnya gmana om??
    jgn Lupa berkuNjuNg kaLau sempat ya
    thanks

    BalasHapus
  32. Trims infonya, lagi cari nih..

    BalasHapus
  33. thanks sudah berbagi ilmunya, sukses selalu...

    BalasHapus
  34. Cara menghilangkan Avatarnya seperti tampilan komentar ini gimana Sob?

    BalasHapus
  35. Cara yang ampuh untuk menghancurkan wasir peyakit ambeien tanpa operasi, pendek dan pengobatan yang kuat

    BalasHapus
  36. makasih gan ilmunya . . .
    ijin praktek gan . . .

    BalasHapus
  37. kereen...



    jualhajarjahanammesirasli.blogspot.com

    BalasHapus
  38. Maaf sy coba disini ... berhasil atau tidak
    tks

    BalasHapus
  39. Informasi yang sangat bagus dan berguna. Ditunggu untuk informasi berikutnya. Thanks gan

    Silahkan berkunjung di intanqq

    BalasHapus
  40. Hallo Teman-teman di seluruh Indonesia!!
    Khususnya untuk para pecinta judi online di seluruh Indonesia, AGEN DOMINO Terpercaya di Indonesia VIPQIUQIU99.COM Merupakan Situs dengan Server Terbaik serta Permainan yang Fair dan Nyata, 200% (NO ROBOT).Proses Transaksi Deposit & Withdraw Tercepat dengan Tingkat Keamanan Terpercaya.

    VipQiuQiu99.com juga Menyediakan 7 Games yang dapat Dimainkan hanya Menggunakan Satu ID :
    - Play Domino99
    - Play AduQ
    - Play BandarQ
    - Play Poker
    - Bandar Poker
    - Capsa Susun
    - Sakong
    Untuk Deposit & Withdraw hanya Rp,20.000
    Member juga bisa mendapatkan Bonus yang sudah kami sediakan yaitu :
    - Bonus Refferal 10%+10% Setiap Jum'at
    - Bonus Turnover 0,3% Setiap Senin
    Untuk Keterangan Lebih Lanjut Atau Jelasnya Silahkan Hubungi Kami Melalui :
    - Live Chat
    - No.Hp (+85570931456)
    - Bbm (2B48B175)
    - Fecebook (VIPQIUQIU99)
    Buruan Bergabung dengan Kami di VIPQIUQIU99.COM dan Daftarkan Diri Anda di Link Kami : https://goo.gl/pAGgYe
    Nikmati Berbagai Permainan Serta Promo yang telah Kami Sediakan Untuk Para Pecinta Judi Online!!!

    BalasHapus
  41. sudah melakukan cara di atas tapi masih tetap gak bisa, kira2 kenapa ya bang?

    BalasHapus
  42. Mohon Maaf Admin numpang share, barangkali ada yg minat!!!
    Berikut promo-promo menarik Sayabola.com :
    *Bonus deposit new member 10%
    *Dapatkan Bonus chip Rp. 10.000,-
    *Bonus Rolingan Mingguan 0.5%
    *Bonus referral 20%



    Daftarkan diri anda sekarang juga di www.sayabola.com
    Situs Poker Online dan Situs Bola Online dengan berbagai macam permainan didalamnya.

    Hubungi CS Online kami disini
    • BBM : D8B8497A
    • Instagram : @sayabolaofficial

    BalasHapus
  43. Daftarkan diri anda sekarang juga di http://sayabola.com/

    Hubungi CS Online kami disini
    ○ BBM : D605A928
    ○ Line : sayaboladotcom
    ○ Wechat : sayaboladotcom
    ○ Whatsapp : (+855) 069.953.244

    BalasHapus