Cara Memasang Avatar Pada Komentar

Memasang Avatar Pada Komentar

Masih dalam kategori... komentar... dan untuk sahabat yang ingin menampilkan photo avatar pada komentar saya akan memberikan trik yang mudah sekali dan caranya yaitu masuk ke setting  ► comment  ► kemudian pilih YES pada show profile image on comment ? terakhir klik save. Bila setting diatas telah anda kerjakan anda akan mendapatkan avatar dari sahabat blogger setelah mereka meninggalkan pesan komentar pada blog sobat dan cara diatas bisa berlaku apabila sahabat blogger dalam keadaan login, kemudian untuk meng-upload foto profil ketika anda ingin meninggalkan komentar  klik preview, lalu "Add profile picture" untuk meng-upload foto ke profil blogger anda  seperti screenshot berikut. Saya yakin photo avatar anda akan terpampang pada sebelah komentar anda.

Gambar diatas saya ambil dari Blogger Buzz pada artikel "show your face"
Kemudian untuk anda yang tidak sempat meng upload photo dan ingin meninggalkan komentar tanpa nama atau anonymous dan yang pastinya tidak akan ada photo avatar  untuk menyiasatinya anda harus memasang kode script pada template anda agar pada bagian yang kosong bisa anda pasang photo alternative seperti gambar berikut

Untuk cara memasang avatar untuk komentar silahkan perhatikan berikut ini
1. Cari kode ini

<dl id='comments-block'>

bila anda tidak menemukan kode diatas lanjutkan ke langkah no 2

2. ganti kode diatas dengan kode berikut

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

bila anda tidak menemukan kode diatas lanjutkan ke langkah no 3

3. kemudian sisipkan lagi kode dibawah ini tepat diatas kode <a expr:name='data:comment.anchorName'/>
bila anda tidak menemukan kode <a expr:name='data:comment.anchorName'/> lanjutkan ke langkah 4

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

4. Sisipkan CSS dibawah ini diatas kode ]]></b:skin>

.avatar-image-container img {
background: url(http://l.yimg.com/static.widgets.yahoo.com/153/images/icons/help.png) no-repeat;
width: 35px;
height: 35px;
}

Save template anda dan semoga cara memasang avatar di  komentar anda berhasil dengan baik.

Thursday, February 21, 2013