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>
<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;
}
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.
