Pasang Avatar Otomatis Pada Komentar Anymouse

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? YES

2.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'>

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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbyuPS2q_FxRDwl6FSz_WllGNTO87252cUGkafAnTQuShROSSo7ACQSOmziYEF7r7x8zWj-U74kbJnKffUP3SXKIK14WE1YOwNU8VSG4pH30ll-MMho9EVH2_CVrgSMkpKe89k9gZB2po_/) no-repeat left top;

width:32px;

height:32px;

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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbyuPS2q_FxRDwl6FSz_WllGNTO87252cUGkafAnTQuShROSSo7ACQSOmziYEF7r7x8zWj-U74kbJnKffUP3SXKIK14WE1YOwNU8VSG4pH30ll-MMho9EVH2_CVrgSMkpKe89k9gZB2po_/) no-repeat left top;

width:32px;

height:32px;

Save template dan lihat hasilnya.

Good Luck!!!!

Anda baru saja membaca artikel yang berkategori Tutorial Blog dengan judul Pasang Avatar Otomatis Pada Komentar Anymouse . Anda bisa bookmark halaman ini dengan URL http://sisatruk.blogspot.com/2012/07/pasang-avatar-otomatis-pada-komentar.html .

Artikel Terkait Tutorial Blog

Ditulis oleh: Pramudya Ksatria Budiman - Rating : 4.5