Sunday 23 May 2010

Cara Menampilkan Blank Avatar / Default Komentar Avatar Pada Blogger

Bagi anda yang komentarnya belum muncul avatar silahkan ikuti langkah-langkahnya disini, setelah anda modifikasi sedikit avatar blogger akan muncul apabila template anda sudah support untuk menampilkan avatar tersebut.

Namun yang menjadi masalah ialah Satu hal yang tidak saya suka dari komentar avatar blogger karena tidak mampu menampilkan avatar selain avatar blogger itu sendiri. Yang lebih kurang menyenangkan, komentar avatar hanya bisa menampilkan poto profile jika status kita hanya dalam keadaan login. Jadi jangan berharap avatar akan tampil jika kita hanya memasukan alamat URL saja, tentu ini akan mengurangi dari segi kerapian tampilan, karena akan terlihat space kosong tanpa dihiasi avatar sama sekali.

Nah agar space avatar tidak kosong, kita coba menambahkan avatar baru berupa gambar default pada blank avatar, ikuti caranya dibawah ini.

Letakan kode CSS dibawah ini diatas kode ]]></b:skin>
/* Avatar */

.avatar-image-container img {background:url(http://3.bp.blogspot.com/_C6KkooKXCEw/SrmyhPpP4mI/AAAAAAAAEvc/gQ1JKjpkULw/s320/AvatarBlogger.png);
width:35px;
height:35px;
}
Bagi anda yang telah menampilkan avatar komentar pada template non-standart milik anda, dengan menggunakan sara seperti disini, maka langsung saja untuk menyimpan template anda dan lihat hasilnya. akan tetapi bila belum muncul blank avatarnya maka gunakanlah tutorial dibawah..
Cari kode dibawah ini.
<a expr:name='data:comment.anchorName'/>
Kemudian ganti kode diatas dengan kode dibawah ini.
<b:if cond='data:comment.favicon'>

<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;'
width='35px'/>

</b:if>
 Simpan template dan lihat hasilnya!!

Semoga Berguna...

7 comments:

  1. aku pernah praktekin cara ini dari blog lain
    tapi ga bisa

    ReplyDelete
  2. Hmm. kok bisa ya?? Pertama anda harus Cek dulu di Settings – Comments kemudian periksa di samping “ Show profile images on comments? “ pilihanya pada “ Yes” dan simpan. kemudian bila anda menggunakan template non-standart silahkan menuju kesini, setelah anda selesai mengikuti langkahnya barula anda pasang kode berikut diatas "]]><skin"
    /* Avatar */

    .avatar-image-container img {background:url(http://3.bp.blogspot.com/_C6KkooKXCEw/SrmyhPpP4mI/AAAAAAAAEvc/gQ1JKjpkULw/s320/AvatarBlogger.png);
    width:35px;
    height:35px;
    }

    Lalu simpan template. Dicoba dulu Gan...

    ReplyDelete
  3. avatar nya bisa dibikin dua atau ga?????? trus nanti di bikin random,jadi tiap komentar beda blank avatar

    ReplyDelete
  4. wah kalo itu sih, saya g tau sob.. kayanya g bisa sih.. wordpress sih bisa kya gitu

    ReplyDelete
  5. Untuk Ukurannya bisa di rubah jadi 64px nggak ?

    ReplyDelete
  6. Kalo cara mengganti gambar defaultnya gimana ya

    ReplyDelete