Cara Menampilkan Blank Avatar / Default Komentar Avatar

Satu hal yang tidak saya suka dari komentar avatar blogger karena tidak mampu menampilkan avatar selain avatar blogger itu sendiri. Yang lebih kurang menyenangkan, komentar avatar hanya bisa menampilkan poto profile jika status kita hanya dalam keadaan login . Jadi jangan berharap avatar akan tampil jika kita hanya memasukan alamat URL saja, tentu ini akan mengurangi dari segi kerapian tampilan, karena akan terlihat space kosong tanpa dihiasi avatar sama sekali.

 

Nah agar space avatar tidak kosong, kita coba menambahkan avatar baru berupa gambar default pada blank avatar, ikuti caranya dibawah ini

 

Letakan kode CSS dibawah ini diatas kode ]]></b:skin>

/* Avatar */
.avatar-image-container img {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKuThnNnY3pwlNzN_oDy1sepLGL8idErn-AO2s8fQBRHPbKZQvDdplkzLECn4DVYITWvNMp8yqkKlnT4DkEKKCCi2I3_clwFRl6qye3gccnhJXQmnRyusR3V1RGhzVB31ULGdSPFW1lB3I/s320/AvatarBlogger.png);
width:35px;
height:35px;
}

 

Cari kode dibawah ini.

 

<a expr:name='data:comment.anchorName'/>

 

Kemudian ganti kode diatas dengan kode dibawah ini.

 

<b:if cond='data:comment.favicon'>

<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>

</b:if>

Selamat mencoba, semoga sampai tujuan :D