Cara Menampilkan Blank Avatar

Gambar diatas merupakan sebuah screenshot untuk sebuah kolom komentar yang jika kita tidak login sebagai account google, maka hanyalah blank avatar yang akan tampil.

Disebagian template memang sudah ada tampilan seperti itu, tapi di beberapa template belum ada fasilitas tersebut, seperti pada blog ini, dulu tidak ada fasilitas itu, jadi jika kita tidak login,  maka tidak ada gambar apapun yang tampil, yang ada hanyalah space kosong saja, menyebalkan banget.

Dan jika di blog sobat belum ada fasilitas untuk menampilkan avatar pada komentar, sobat bisa baca tutorialnya DISINI, tutorial tersebut untuk mengaktifkan Avatar pada komentar kita.

Tanpa basa-basi lagi, berikut langkah-langkah yang harus dilakukan :

>> Login ke Blogger

>> Lalu masuk ke Tata Letak >> Edit HTML

>> Beri centang pada Expand Template Widget

>> Terus cari kode ]]></b:skin>

>> Copy Paste Script berikut tepat di atas Kode ]]></b:skin>

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

>> Setelah itu, cari lagi kode <a expr:name='data:comment.anchorName'/>

>> Dan ganti kode tersebut dengan :

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

Selesai, dan SELAMAT MENCOBA..

Sumber : O-om