Cara Pasang Avatar Otomatis Pada Komentar Anonymous dan Name/url

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:

1. Pastikan Tampilkan gambar profil dalam komentar diaktifkan, 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 <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'>
4. 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>
5. 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/AVvXsEgy1-ogLCxn6bzwX-_tj3peLevjYwqKdDHXGbReh3A-bRbuvg8iTMoFxaxPV0oDqJhi6otJpSk8X4wgGEQtn3kOhw1iNmJsuUg1g-mxXfJTFqeiyZ5wkA_7QiSaDP7l-BWgoAwzKOjX17L-/) no-repeat left top;
   width:32px;
   height:32px;
6. Save template dan lihat hasilnya.

KETERANGAN
Perhatikan kode berikut ini :
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy1-ogLCxn6bzwX-_tj3peLevjYwqKdDHXGbReh3A-bRbuvg8iTMoFxaxPV0oDqJhi6otJpSk8X4wgGEQtn3kOhw1iNmJsuUg1g-mxXfJTFqeiyZ5wkA_7QiSaDP7l-BWgoAwzKOjX17L-/)

Gambar bisa di ubah silahkan ubah alamat url yang di atas dengan url gambar sobat.

Ditulis Oleh : Endy Djubu | Artikel | Cara Pasang Avatar Otomatis Pada Komentar Anonymous dan Name/url

Artikel Cara Pasang Avatar Otomatis Pada Komentar Anonymous dan Name/url ini diposting oleh Endy Djubu pada hari Jumat, 16 Maret 2012. Terimakasih atas kunjungan Anda yang telah membaca artikel ini, semoga bermanfaat untuk kita semua, Kritik dan saran nya, silahkan tulis di kotak Komentar di bawah ini, dan jangan lupa di like/suka ya.... Salam hangat dari saya 3nf1try.blogspot.com