Cara Menampilkan Blank Avatar / Default Komentar Avatar Pada Blogger

Bagi anda yang komentarnya belum muncul avatar silahkan ikuti langkah-langkahnya disini, setelah anda modifikasi sedikit avatar blogger akan muncul apabila template anda sudah support untuk menampilkan avatar tersebut.

Namun yang menjadi masalah ialah 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/AVvXsEgyzYiaXqvAHB9Pc30njdT1LGFVru8kI3dxPGsu-1dryU3aTYx6MxDBzgTq2fQBHA4q19eg7qso9rCgmUMs1ruAl5ugnwIuV3fIxgKzwEOmepv2USGbY77b6YcfutezddWQXitnJcjimjNN/s320/AvatarBlogger.png);
width:35px;
height:35px;
}

Bagi anda yang telah menampilkan avatar komentar pada template non-standart milik anda, dengan menggunakan sara seperti disini, maka langsung saja untuk menyimpan template anda dan lihat hasilnya. akan tetapi bila belum muncul blank avatarnya maka gunakanlah tutorial dibawah..

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>

 Simpan template dan lihat hasilnya!!

Semoga Berguna...