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 :
<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>
4. Jika kode <dl expr:class='data:post.avatarIndentClass' id='comments-block'> tidak ada, maka cari kode <dl id='comments-block'> ganti dengan kode#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;
5. Kemudian cari <a expr:name='data:comment.anchorName'/> ganti dengan kode di bawah ini<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
Save template dan lihat hasilnya.<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>
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.
sumber
Info menarik Gan. Kadang-kadang yang beginian terlewat dari perhatian kita. Tapi kalau dikelola dengan baik akan kita petik hasilnya. Terimakasih.
ReplyDeleteoke om,. makasih ya.. ane coba praktekin nih..
ReplyDeleteoia, btw kalo utk buat kotak komentar jd spt blog om ini gimana ya?? seneng liatnya nih cz rapih..
makasih gan infonya, ini ane langsung praktekin gan, :-D
ReplyDeletewah kebetulan saya lagi ngerombak tampilan blogspot ane nih . .
ReplyDeleteboleh nih di coba..
ReplyDelete:D
artikel yang menarik gan..
ReplyDeletebank mandiri bank terbaik di indonesia
Mau Bikin Website + Hosting Murah AbizZ? Ke Rajawebhost.com aja!
Makasih infonya gan
ReplyDeletekunjungungi juga gan BLOG DOFOLLOW
aduhh lumayan rumit juga,, hehehe
ReplyDeleteThans infonya mas
ReplyDeletemaaf nih numpang nyari backling, :D, moga sehat dan panjang umur yah gan
ReplyDeleteBeritanya bermanfaat gan. Saya tunggu berita selanjutnya
ReplyDeletemakasih, jos ilmunya
ReplyDeleteterimakasih, mudah dimengerti
ReplyDelete