Avatar Otomatis Pada Komentar Anonymous dan Name/url

Ada 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.

1.Login Blogger
2. Rancangan pilih Edit HTML
3. Jangan Lupa centang ( Expand Template Widget )
4. Lalu cari code yang seperti ini <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
5. Jika kode <dl expr:class='data:post.avatarIndentClass' id='comments-block'> tidak ada, maka cari kode <dl id='comments-block'> ganti dengan kode di bawah ini :

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

6. 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>

7. Selanjutnya cari kode ]]></b:skin> letakkan kode di bawah ini diatas kode ]]></b:skin> 

#comments-block .avatar-image-container img {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFqxNEfk8wy90Mtgn54AtQPagA-GqYRlA3nC7gdyVlagSHA428QExLHUXWif6Nirv6tbGLcb1KbIMLOCTEIjDYxb8WHRWlAqVYIx3TVU-qzfilqcDtNrsj7UCv2DNtQZuBhFie_ZYqpLvJ/) no-repeat left top;
width:32px;
height:32px;

Save Template dan lihat Hasilnya..!!
Catatan : Yang saya udah kasih tanda Merah itu adalah Icon Gambar yang bisa kalian sesuaikan dengan keinginan kalian.



Share/Bookmark >
Comments
6 Comments

6 komentar:

  1. bang pda code no 5 ko ga dapet ya ?
    knpa ? bingung saya

    BalasHapus
  2. iya pasti bng`
    cari yg mirip aja bng.
    soalnya sya psang di tmplate sya juga ga dpet code itu.

    BalasHapus
  3. maksih bng sukses ni..
    code nya bda dikit ^_^

    BalasHapus
  4. terimakasih gan
    saya suka dengan info nya

    BalasHapus

Blog Ini Dofollow