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.
{ 5 komentar... Views All / Send Comment! }
terimakasih telah berbagi informasi yang menarik dan bermanfaat sekali
di tunggu informasi selanjutnya, sukses terus
ijin nyimak info nya gan
keren nih, menarik dan bermanfaat sekali
thanks ya, sukses terus
terimkasih atas pengetahuan nya
saya senang bisa berkunjung ke blog anda
senang bisa berkunjung ke bloga anda, infonya sangat mernarik dan bermanfaat
terimakasih, sukses terus
.sangat menarik nih infonya
.terimakasih gan buat infonya
.sukses terus gan
Posting Komentar