Pada template default blogspot avatar pada komentar hanya ada jika kita ber komentar login sebagai account google dan sebagainya, jika kita berkomentar anonymous ataupun name/url maka avatar atau gambar pada komentar tidak ada alias kosong. Contohnya gambar di samping ini.
Pada artikel kontes seo saya yaitu ipaymu.com pembayaran online indonesia, banyak mendapatkan komentar dan salah satu di antaranya berkomentar sebagai anonymous tapi kebanyakan pakai name/url jadi kelihatan kosong dan kesannya tampilan blog jadi agak jelek.
Langsung saja cara pasang avatar otomatis pada komentar anonymous dan Name/url :
1.Pastikan Tampilkan gambar profil dalam komentar Di aktifkan, cek di login blogger > setelan > komentar > Tampilkan gambar profil dalam komentar? YES2.Masuk blogger > rancangan > edit html > centang expand template widgetcari dan pastikan kode berikut ini ada di blog sobat :
Pada artikel kontes seo saya yaitu ipaymu.com pembayaran online indonesia, banyak mendapatkan komentar dan salah satu di antaranya berkomentar sebagai anonymous tapi kebanyakan pakai name/url jadi kelihatan kosong dan kesannya tampilan blog jadi agak jelek.
Langsung saja cara pasang avatar otomatis pada komentar anonymous dan Name/url :
1.Pastikan Tampilkan gambar profil dalam komentar Di aktifkan, cek di login blogger > setelan > komentar > Tampilkan gambar profil dalam komentar? YES2.Masuk blogger > rancangan > edit html > centang expand template widgetcari dan pastikan kode berikut ini ada di blog sobat :
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
3.Jika kode di atas ada, maka 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;
){kind=link}
save template dan lihat hasilnya.
1. 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'>
2. 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>
3.kemudian selanjut nya 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.
Gambar di bawah ini contoh hasil pada blog saya, silahkan bandingkan dengan gambar yang di atas.
Gambar di bawah ini contoh hasil pada blog saya, silahkan bandingkan dengan gambar yang di atas.
Perhatikan kode berikut ini :
Gambar bisa di ubah silahkan ubah alamat url yang di atas dengan url gambar sobat.
Best regards,
32 komentar:
Tolong berkomentar yang baik, tidak diperkenankan kalian berkomentar berbau Porno, Silahkan Kirim tautan Link sobat, otomatis saya kunjungi blog sobat, Silahkan tanyakan pada ADMIN Pada forum tanya jawab, jika kalian belum mengerti dalam menata code html, semua masukan/nasihat akan diterima oleh ADMIN, asalkan bersifat membangun :) and Keep blogging guys.
mantab sib thanks
BalasHapusoke sama sama. terimakasih sudah berkomentar :)
BalasHapusSinggah di blog juragan ... Salam kenal ya :)
BalasHapusSalam Kenal juga Gan :)
BalasHapusmakasih udh berkomentar di gubug saya :)
Thanks atas tutorialnya, sangat berguna.
BalasHapussip banget cara-caranya,, makasih sudah mau berbagi,, ^_^
BalasHapusmakasih bos atas infonya
BalasHapussemoga sukses
makasih bos atas infonya
BalasHapussemoga sukses
ibbenk21artikelnya sangat bagus dan sangat bermanfaat, makasih
BalasHapussemoga sukses saja.. dan salam hangat buat admin blog dari ibbenk21
sama sama
BalasHapusmakasih sudah berkunjung dan berkomentar :)
masteng ini gan , makasih inponya
BalasHapusterima kasih banyak gan untuk informasinya
BalasHapuswaaaw info yang sangat berarti buat saya gan :)
BalasHapustutorialnya sangat membantu.
BalasHapusthanks ya
Terima kasih mas,sudah membahas tema backlink name/url. Saya jadi tahu nih,eh iya saya coba ya Di sini. Gpp kan???
BalasHapusterimakasih telah berbagi informasi yang menarik dan bermanfaat sekali
BalasHapusdi tunggu informasi selanjutnya, sukses terus
terimakasih atas info nya
BalasHapussaya senang berkunjung ke blog anda
terimakasih atas info nya gan
BalasHapusditunggu update nya gan
terimakasih atas info nya gan
BalasHapusditunggu update nya
info nya sangat menarik
BalasHapusterimakasih sudah berbagi info yang sangat bermanfaat
simpel gan cara nya
BalasHapusterimakasih atas info nya yang sangat bermanfaat
ditunggu update selanjut nya
terimakasih sudah berbagi info nya gan
BalasHapusditunggu update nya
terimkasih atas pengetahuan nya
BalasHapussaya senang bisa berkunjung ke blog anda
terus update informasi2 yang menraik dan bermanfaat gan
BalasHapusterimakasih
bagus gan info nya
BalasHapusyang sangat bermanfaat
ditunggu update nya
info info yang disajikan menarik sekali
BalasHapusdan bermanfaat
terimakasih gan
info info yang disajikan menarik sekali
BalasHapusdan bermanfaat
terimakasih gan
.mantap gan info nya
BalasHapus.sangat menarik dan bermanfaat
.terima kasih atas infonya .. sukses terus
info nya sangat menarik
BalasHapusdan bermanfaat gan
terima kasih banyak atas info nya
sangat menarik sekali gan infonya
BalasHapusdan bermanfaat,update terus info lainnya
terima kasih banyak,sukses terus
ijin nyimak infonya gan
BalasHapussangat menarik dan bermanfaat
terima kasih banyak,sukses terus
sip keren deh info nya
BalasHapusditunggu info selanjut nya