Membuat Avatar default di komentar blog

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),
Trik Blogger kali ini saya akan membahas bagaimana cara menampilkan Avatar untuk para komentator yang biasa menggunakan Nama dan Url saja ketika berkomentar.
berikut cara menampilkannya:
Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget

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

Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
jika sudah ketemu Copy lalu Paste kode berikut diatas kode ]]></b:skin>

.avatar-image-container img{
background:transparent url(http://i1002.photobucket.com/albums/af149/Imtikhan/Avatar.jpg)no-repeat;
height:35px;
width:35px;
}

Kemudian cari kode berikut

<dl id='comments-block'>

Atau terkadang ada juga yang memakai kode div seperti ini :

<div id='comments-block'>

Gantilah kode tadi dengan kode berikut :

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Jika kode template anda termasuk kode yang memakai div maka diubah menjadi :

<div expr:class='data:post.avatarIndentClass' id='comments-block'>

Carilah kode berikut :

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

Hapus kode tadi lalu ganti dengan kode berikut :

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

jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

Download Tulisan Lengkap → Cara Menampilkan Avatar Komentator Blank atau Default di Blogspot.zip (172 KB)


sumber :http://www.imtikhan.tk/2010/09/cara-menampilkan-avatar-komentator.html

Categories: Blog and Wordpress , Blogger