Get cash from your website. Sign up as affiliate. make money from web. Sign up as affiliate.

Sabtu, 10 April 2010

Membuat Avatar Komentar Pada Custom Template

Menyoal tentang fitur baru blogger yaitu avatar komentar yang tidak bisa muncul pada beberapa custom template atau template yang didapat bukan dari template yang disediakan pada dashboard blogger, oleh karena itu saya akan membagi sedikit pengalaman saya tentang cara membuat avatar komentar.


Bagi anda yang komentarnya belum muncul avatar, mungkin template anda memang belum support untuk fitur baru ini, namun tentunya jangan khawatir karena dengan sedikit sentuhan modifikasi pada kode template anda, avatar blogger akan muncul, yang penting fasilitasnya sudah disediakan oleh blogger.


Ok, langsung saja kita peraktekkan. Silahkan ikuti lankah berikut :


1.   Login ke blogger dengan ID anda.


2.   Klik Tata Letak.


3.   Klik tab Edit HTML


4.   Klik tulisan "Download Template Lengkap", silahkan anda backup dulu templatenya ( untuk jaga-jaga ).


5.   Beri tanda ceklis pada kotak kecil disamping tulisan "Expand Template Widget"



Copy lalu paste kode berikut diatas kode ]]></b:skin>


.avatar-image-container img{

background:transparent url(http://i33.tinypic.com/24b9na8.jpg)no-repeat;

height:35px;

width:35px;

}

           

6.   Carilah kode berikut pada template anda :


<dl id='comments-block'>


Atau Terkadang ada juga yang memakai kode div seperti ini :


<div id='comments-block'>


8.   Gantilah kode tadi dengan kode berikut :


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


Jika kode template anda termasuk kode yang memakai div maka diubah menjadi :


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


12. Selesai.



Cara diatas tentu tidak cocok untuk semua custom template yang ada, kemungkinan anda harus melakukan beberapa modifikasi lagi agar template anda bisa tampil secara maksimal.

Baca juga yang ini....



Komentar :

ada 0 komentar ke “Membuat Avatar Komentar Pada Custom Template”

Posting Komentar

 
Copyright © 2010 ilmu pengetahuan | Design : Noyod.Com | Images : Red_Priest_Usada, flashouille EasyHits4U.com - Your Free Traffic Exchange - 1:1 Exchange Ratio, 5-Tier Referral Program. FREE Advertising!