• »
  • »
  • Membuat tampilan blank/default avatar image di menu komentar

Membuat tampilan blank/default avatar image di menu komentar

On Senin, 16 Januari 2012

Sekarang yang saya post adalah bagaimana caranya kita menambahkan Membuat tampilan blank/default avatar image di menu komentar atau jelasnya jika sobat blogger yang membuat menu komentar dengan setting Siapa pun - termasuk Pengguna Anonim yang berkomentar, saat pengomentar menggunakan Name/URL pastinya image avatarnya tidak akan tampil, yang tentunya mengurangi keindahan dari menu komentar tersebut.



Untuk bisa membuat dari user anonim itu memiliki avatar Default caranya simpel saja, coba ikuti langkah-langkah berikut:


  1. Login blogger
  2. Rancangan, Edit Html
  3. Download Template Lengkap
  4. Centang menu Expand Template Widgets
  5. Cari kode ]]></b:skin> dan simpan CSS berikut diatasnya :
/* Avatar Img Default */
.avatar-image-container img {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTKVCdyhqQ-Ye7zC6wnWLKcrNWVrE-JwnTwfNc3BmEBthgskUhupY9VYHPPiwOr5UNZyevN0lhGB5UqpXTclZaxfDZiDSVZdzvmK6XZ5ZbPLfhN4sBp6GUTMOqjztpnlk9YId6q6nDlfiC/s320/AvatarBlogger.png);
width:35px;
height:35px;
}
6. Selanjutnya cari kode <a expr:name='data:comment.anchorName'/> dan ganti dengan :
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>


7. Simpan template dan lihat hasilnya.

Leave a Reply

Subscribe to Posts | Subscribe to Comments