Sunday, June 26, 2011

Tutorial membuat Avatar Pada Komentar Blog





Langsung aja gan
Begini caranya :
1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Edit HTML
4. Klik Download Template Lengkap, untuk berjaga-jaga backup dulu templatenya
5. Beri tanda ceklis pada kotak kecil disamping tulisan "Expand Template Widget"
6. Letak kan kode ini di atas kode ]]>



.avatar-image-container img{ background:transparent url(http://i33.tinypic.com/24b9na8.jpg)no-repeat; height:35px; width:35px; }

7.Carilah kode berikut pada template anda :

<dl id='comments-block'> atau <div id='comments-block'>

8.Gantilah kode tadi dengan kode berikut :



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

9.Carilah kode berikut :


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

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


11. Klik tombol SIMPAN TEMPLATE.
Selesai deh... Gimana sobat gampangkan.selamat mencoba ya. Semoga sukses..

No comments:

Post a Comment