Cara Menampilkan Avatar Komentator (Blank/Default Avatar) di Blogspot

Sebelumnya saya minta maaf kepada teman-teman semua, karena 2 hari kemarin (Sabtu & Minggu) saya tidak update artikel dan tidak melakukan kunjungan rutin seperti biasanya dikarenakan ada job (guide) untuk tamu dari Jakarta yang sedang liburan di Yogyakarta :) Nah, untuk menebus itu semua saya ingin melanjutkan sharing ilmu tutorial blog tentang bagaimana Cara Menampilkan Avatar Komentator (Blank/Default Avatar) di Blogspot.

Ok, secara default Avatar para komentator untuk pengguna Blogspot umumnya kosong/blank (untuk komentator yang biasa menggunakan Nama dan Url ketika berkomentar), terkecuali para komentator yang biasa menggunakan akun google (login) maka avatarnya akan tampil sesuai dengan image yang digunakan.

Jadi untuk para komentator yang menggunakan Nama dan Url saja ketika berkomentar maka tidak akan ada avatarnya alias blank (kosong), tentu saja hal ini bagi owner blog yang sedikit memperhatikan estetika sebuah blog akan sangat menganggu dari segi kerapian daftar komentarnya karena akan ada space yang kosong tanpa ada avatarnya.

Nah, jadi pada kesempatan kali ini kita akan mencari cara untuk bagaimana menampilkan avatar untuk para komentator yang biasa menggunakan Nama dan Url saja ketika berkomentar.

lihat pict

Langkah-langkahnya seperti di bawah ini:

1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Beri centang pada Expand Templates Widget,
3. Cari kode ]]></b:skin> dan copy pastekan kode CSS di bawah ini persis berada di atas kode tadi:

/* Avatar */
.avatar-image-container img {
background:url(http://t2.gstatic.com/images?q=tbn:QG8a7ShCJzFU8M);
width:35px;
height:35px;
}

4. Lalu cari kode berikut <a expr:name='data:comment.anchorName'/>
5. Hapus dan gantikan kode tersebut dengan kode di bawah ini:

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

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

</b:if>

Note:
Sebelum di save teman-teman bisa menggantikan avatarnya dengan avatar teman-teman sendiri dengan ukuran 35px X 35px seperti yang teman-teman bisa lihat di dalam blog saya ini (bagian komentarnya) dengan cara mengganti alamat source url image di atas yang sudah saya beri warna merah.

contoh avatar komentator milik saya

6. Jika sudah maka tinggal di save dan lihat hasilnya.

Nah, seperti itulah teman-teman bagaimana Cara Menampilkan Avatar Komentator (Blank/Default Avatar) di Blogspot, menarik bukan teman-teman apabila avatar ini ditampilkan di blog teman-teman? :) Ok, selamat mencoba saja ya dan semoga berhasil. Salam.