Xceria Blogger Indonesia

Menampilkan Avatar pada Kolom Komentar Blogger

Avatar pada Komentar Blogger
Setelah sebelumnya Xceria menulis artikel tentang conditional tag pada blogger, kali ini Xceria akan memberikan tutorial memasang avatar pada kolom komentar blogspot.

Avatar ini dapat meningkatkan keinginan pengunjung untuk berkomentar karena kolom komentar akan tampak lebih menarik dipandang.

Dengan avatar yang ditampilkan, Anda dan juga para pengunjung lainnya akan semakin mengenal satu sama lain. Karena wajah yang terpampang saat memberikan komentar.

Interaksi yang terjadi pada kolom komentar pun akan semakin hidup

Lalu bagaimana avatar bisa muncul pada komentar di blog blogspot?

Avatar akan muncul jika Anda masuk ke akun google Anda dan berkomentar dengan akun google tersebut. Avatar ini merupakan profile image pada akun google/blogger Anda.

Pada template bawaan blogger yang lama, fitur ini belum tersedia. Anda harus menambahkannya secara manual.

Kolom komentar tanpa avatar
Kolom komentar tanpa avatar

Lalu bagaimana cara menampilkan avatar pada kolom komentar blogspot? Bagi yang ingin menampilkannya langsung saja ikuti tutorial berikut.

  1. Masuk ke akun blogger.
  2. Pilih Template » Edit HTML.
  3. Temukan kode berikut.
<dl id='comments-block'>
  1. Ganti kode di atas dengan kode berikut.
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  1. Selanjutnya cari kode berikut.
<a expr:name='data:comment.anchorName'/>
  1. Ganti kode di atas dengan kode berikut.
<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>

Kolom komentar dengan avatar
Kolom komentar dengan avatar

Sekarang avatar sudah muncul tetapi hanya pada pengunjung yang memberi komentar dengan akun blogger/google.
  1. Sekarang cari kode ]]></b:skin>. Tambahkan kode CSS berikut di atasnya.
#comments-block .avatar-image-container img {
background: #fff url(http://3.bp.blogspot.com/-e0q2lMm4nj0/VIKVw0v6LoI/AAAAAAAACDw/NlCf8qhdrPQ/s1600/blank%2Bavatar.gif) no-repeat left top;
width:32px;
height:32px
}

Kolom komentar dengan anonymous avatar
Kolom komentar dengan avatar (terdapat anonymous avatar)

  1. Terakhir simpan template.
Sekian tutorial menampilkan avatar pada komentar blogger. Semoga berhasil.

21 comments

Wah, pas banget nih postingannya. Bookmark. Pengen coba

balas

biasanya muncul sendiri gan, kalau pakai google komentar

balas

iya, tapi kalo pake template lama blogger, avatarnya gak muncul :)

balas

Silahkan dicoba :)

balas

Nyimak aja gan salam kenal...http://bukansekedar-coretan.blogspot.com/

balas

Salam kenal juga..

balas

terima kasih perkongsiannya. sangat berguna info ini. semoga dapat membantu ramai blogger.

balas

Betul juga mas, kalau udah dicoba jadi berasa manfaatnya, makasih banyak tutorialnya ya?

balas

wah bisa dicoba untuk blog ane yang blogspot, kebetulan sekarang pake wp gan ;)

balas

nice tutorialnya gan

balas

Saya sedang bingung dengan hal ini,,, sepertinya ada masalah soalnya di blogku tidak muncul... padahal template yg sama plus jeroannya saya pasang di blog lain, avatar malah muncul... ada solusi?

balas

wew.. ilmu baru..
soalnya saya masi suka comot" template orang, jadi ga bgitu paham dgn kode" kyak ginian. makasih banyak sob :)

balas

nah ini nih yg saya cari, thanks sob
https://jfananda.wordpress.com/

balas

Thanks atas infonya
Salam semangat

balas

Selamat siang Mas Rivai, terimakasih untuk accepted undangan saya dan terimakasih juga untuk artikel diatas, sukses.

balas

akhirnya muncul juga avanya .. makasih atas pengetahuannya . salam kenal

balas

saya kira cara menampilkan ava saat berkomentar di blog orang lain. tapi nggak papa, yang namanya ilmu pasti akan saya simpan .tanks infonya. salam kenal

balas

artikel yang sangat bagus dan menarik gan,,, thanks ya,,

balas

Wah Boleh dicoba ni
Biar keren pas comment ada avatarnya
Thx infonya

balas

Wah cocok buat blog ane nih gan. Makasih banyak buat artikelnya gan

balas

Di blog saya avatar nya tidak mau muncul bisa di bantu kah?

.:: Arti Psikologi ::.

balas
:) :( ;) :D =D :w :c :d -) -| :v =( ^: :o :C :-

Silahkan berkomentar sesuai dengan artikel. Dilarang berkomentar spam dan menulis iklan!

« »
 
Back to top