"The way to get started is to quit talking and begin doing" "I hope you enjoy reading in my blog"

Jumat, 10 Februari 2012

Membuat Tampilan Avatar di Komentar


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

Tidak ada komentar:

Posting Komentar