Cara Menampilkan Blank Avatar / Default Komentar Avatar Di Blogger
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/AVvXsEjMGJXJ0diBE7yguXGtd4IKaiX4p1c1pykWbNAhlIiFRHMbNuBPc0WSKhCM9DRzH09A67Qbg1mG92CurrhyCwjO0BwlzdCkhwI5CrtZy20_Klrc1GbKKsedZ7WavLomEbRTbP033x3R5EIT/s320/AvatarBlogger.png);
width:35px;
height:35px;
}
.avatar-image-container img {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMGJXJ0diBE7yguXGtd4IKaiX4p1c1pykWbNAhlIiFRHMbNuBPc0WSKhCM9DRzH09A67Qbg1mG92CurrhyCwjO0BwlzdCkhwI5CrtZy20_Klrc1GbKKsedZ7WavLomEbRTbP033x3R5EIT/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<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
Posting Komentar