Pada template default blogspot avatar pada komentar hanya ada jika kita berkomentar login sebagai account google dan sebagainya, jika kita berkomentar anonymous atau name/url maka avatar atau gambar pada komentar tidak akan muncul alias kosong. Sebagian besar pengunjung blog apabila menulis komentar seringkali menggunakan name/url dengan tujuan agar mendapat backlink atau kunjungan balik, namun kekurangannya adalah tampilan komentar kesannya tidak bernilai seni. Nah berikut ini adalah Cara Pasang Avatar Otomatis Pada Komentar Anonymous dan Name/url:
- Pastikan Tampilkan gambar profil dalam komentar diaktifkan, cek di login blogger > setelan > komentar > Tampilkan gambar profil dalam komentar? YES.
- Masuk blogger > rancangan > edit html > centang expand template widget, cari dan pastikan kode berikut ini ada di blog sobat :
<dl expr:class='data:post.avatarIndentClass' id='comments-block'> - Jika kode <dl expr:class='data:post.avatarIndentClass' id='comments-block'> tidak ada, maka cari kode <dl id='comments-block'> ganti dengan kode:
<dl expr:class='data:post.avatarIndentClass' id='comments-block'> - Kemudian cari <a expr:name='data:comment.anchorName'/> ganti dengan kode di bawah 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> - Selanjutnya cari kode ]]></b:skin> letakkan kode berikut ini tepat diatas kode ]]></b:skin>:
#comments-block .avatar-image-container img {
background: #fff url(https://lh6.googleusercontent.com/-H6zAH-hO5lg/Tibog_Gg8qI/AAAAAAAAAYQ/QYvJ4OkVUm8/default-avatar-profile.png) no-repeat left top;
width:32px;
height:32px; - Save template dan lihat hasilnya.
Perhatikan kode berikut ini :
background: #fff url(https://lh6.googleusercontent.com/-H6zAH-hO5lg/Tibog_Gg8qI/AAAAAAAAAYQ/QYvJ4OkVUm8/default-avatar-profile.png)
Gambar bisa di ubah silahkan ubah alamat url yang di atas dengan url gambar sobat.
32 Komentar:
saya coba mas...
kok kode yg mau dicari pada langka ke 3 gak ada yah di blogku... yg ad cuman kode pd langka ke 4 dan 5 aja,,, kira2 masalahnya dimana yah...?
mohon pencerahannya gank... thank's b4
thanks sudah berbagi ilmunya, sangat membantu. sukses selalu...
Mantap Gan infonya,,, Maju trs ya... selalu berkreasi,,, sippp
makasi banget caranya, bagus banget artikelnya
kalau saya sementara ini masih mempertahankan yang "kurang seni" itu, karena belakangan ini terlalu sering utak atik template,,terima kasih infonya
@Royan Sableng Mantapbs gan keren postingnye
@Royan Sableng keren mas broh
@Royan Sableng tak coba
@Royan Sableng keren boss
@Royan Sableng tulisan bermanfaat
@Royan Sableng
@Royan Sableng wah keren banget deh
Royan Sableng memang benar begitu adanya MutiaraBijak.com Kata Kata Mutiara dan Kata Kata bijak cinta
akan saya coba terapkan di template sy mas
manatb gan lanjutkan saya menunggu artikel terbarumu
artikel ini sangat bermanfaat kawan. Saya tunggu artikel berikutnya
Mantap Tipsnya.. makasih yah..
salam kenal..
mantap gan artikelnya ane tunggu yang terbaru artikelnya yang ini sangat mantap bro
ditunggu lagi gan artikelnya yang lain, mantap banet infonya
blogwalking
ikutan yang di atas
jasa seo terbaik di indonesia
blog yang cukup bagus..
banyak sekali artikelnya... semoga smua bermanfaat
bookmark dulu. kapan kapan mampir lagi
numpang lewat ya gan..
berkunjung di blog ini. berharap mendapat kunjungan balik
kolom komentar yang bagus, gimana car buatnya tuh
artikelnya sangat bagus dan sangat bermanfaat, makasih
semoga sukses saja.. dan salam hangat buat admin blog dari ibbenk21
mantap gan info nya
menambah wawasan
terimakasih atas info nya
Terimakasih informasinya sungguh menarik dan bermanfaat untuk kita yg membacanya dan pastinya menambah wawasan saya juga sebagai blogger pemula, jgn bosen2 yaa share terus ilmunya :) salam sukses dan semoga blognya makin naik..