Cara Menampilkan Avatar Pada Komentar Blogger

Rully hanya mau share aja tentang bagaimana cara membuat supaya avatar komentar muncul di blog Anda, sedangkan templatenya memakai custom template.

Langsung aja, silahkan ikuti langkah-langkah berikut ini :

1. Login ke blogger tentunya memakai ID anda


2. Klik Tata Letak.


3. Klik tab Edit HTML


4. Klik tulisan "Download Template Lengkap", silahkan anda backup dulu templatenya.


5. Beri tanda ceklis pada kotak kecil disamping tulisan "Expand Template Widget"
   
   
6. 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;
   }
   
   
   
7. 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. Simpan dan Selesai

Terkadang cara diatas tidak cocok untuk custom template anda, jadi anda harus sedikit memodifnya lagi.

[*]

Artikel Menarik Lainnya