Breaking

Sunday, January 22, 2012

Tutorial membuat avatar comment pada blog




File Share 23 - Hai sob, kali ini ane share cara ngebuat avatar comment di blog. Untuk lebih jelasnya langsung liat screenshotnya aja sob..












Screenshot:






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

Semoga Bermanfaat
^_^



Facebook Comments
Comments
0 Comments

No comments:

Post a Comment

Komentarlah dengan bahasa yang sopan dan santun!

Adbox