Pasang Gambar Avatar Untuk Komentar Anonymous Dan Name URL Blog

Pasang Gambar Avatar Untuk Komentar Anonymous Dan Name URL Blog - Pasang Gambar Avatar Di Komentar Blog - Setiap blog pasti pengen banget setiap artikel atau postingan yang mereka buat selalu dibanjiri dengan komentar para pengunjung blog. Tapi jika para komentar menyisipkan nama url blog atau pun dengan nama anoymous hanya terdapat gambar kosong atau blank dan tanpa ada gambar kecuali mengunakan akun blogger mereka. Nah kali ini saya akan memposting bagaimana cara menampilkan gambar avatar di kotak komentar blog supaya komentar telihat lebih menarik yaitu Pasang Gambar Avatar Untuk Komentar Anonymous Dan Name URL Blog.

Disini saya akan memberikan informasi buat teman teman yang suka utak atik tampilan blog sehingga bisa memberikan keuntungan ganda dari blog anda salah satunya adalah agar pengunjung blog anda betah berlama lama di blog teman. Nah daripada saya kebanyakan omong silahkan di simak saja yah cara membuat gambar avatar pada komentar blog. Cekidot... !!!!.
1. Log In ke dashboard blogger anda.
2. Pilih Rancangan > Edit HTML, centang Expand widget template.

3. Cari kode di bawah ini <dl id='comments-block'> atau <dl class='comments-block' id='comments-block'>                tekan Ctrl + F biar cepat.

4. Setelah ketemu Teman ganti kodenya dengan kode ini <dl expr:class='data:post.avatarIndentClass' id='comments-block'>

5. Setelah itu cari kode seperti ini <a expr:name='data:comment.anchorName'/>

6. Setelah ketemu taruh kode di bawah ini tepat di atas kode tadi 

<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>

7. Setelah itu tambahkan CSS ini untuk default photo diatas ]]></b:skin>

.avatar-image-container img {
background: url(http://i1192.photobucket.com/albums/aa330/hayeksaja/gambarlucu-1.jpg) no-repeat;
width: 35px;
height: 35px;
}

8. Bisa anda ganti kode warna merah dengan kode gambar URL teman sendiri.

Selesai Dan simpen yah.

Teman bisa melihat contohnya seperti pada kotak komentar di blog saya ini. Gimana nih teman informasi mengenai Pasang Gambar Avatar Untuk Komentar Anonymous Dan Name URL Blog dari blog kutulis ini?. Jika ada komentar nantinya akan muncul gambar avatar yang bisa menjadikan komentar lebih menarik dan juga mempercantik kotak komentar dengan avatar. Terima kasih dan keep blogging yah.