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.
>
bang pda code no 5 ko ga dapet ya ?
BalasHapusknpa ? bingung saya
iya pasti bng`
BalasHapuscari yg mirip aja bng.
soalnya sya psang di tmplate sya juga ga dpet code itu.
maksih bng sukses ni..
BalasHapuscode nya bda dikit ^_^
(y) sip bng .. O_o
BalasHapuskereeen..... blog mu juga keren :D
BalasHapusterimakasih gan
BalasHapussaya suka dengan info nya