Cara Menampilkan Avatar Pada Kotak Komentar

Kemaren pada saat google ulang tahun ke-10 pada blogger buzz meluncurkan Show Your Face pendek katanya blogspot sekarang sudah support sama komentar yang beravatar seperti punya wordpress, sehingga para pengunjung bisa ngasih comment dan nitip fotonya deeh disitu jadi bisa foto kita bisa nebeng, dengan adanya avatar komentar ini para blogger dan pengomentar semakin asyik saja deh.

Kaya'nya blogspot ngga' mau ketinggalan sama penyedia blog gratisan seperti wordpress yang memberikan fasilitas - fasilitas yang sangat membantu bagi dunia blogging, sehingga tidak mengherankan kalau blogspot selalu update tool - tool nya yang semakin memdudahkan kita dalam menulis dan mengelola blog gratisan ini.

Untuk Menampilkan Avatar / gambar pada kotak komentar blogspot simak penjelasan singkat ini :
1. Masuk User Id Blogspot
2. Pada tab Layout >> Edit HTML atau Tata Letak >> Edit HTML kasih tanda centang pada expand template widget
3. Copykan kode berikut di atas kode ]]></b:skin>

.avatar-image-container img{
background:transparent url(http://i33.tinypic.com/24b9na8.jpg)no-repeat;
height:35px;
position:absolute;
width:35px;
}

4. Cari kode berikut ini

<dl id='comments-block'>

atau

<div id='comments-block'>

5. Ganti kode diatas dengan kode berikut

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

Atau kode ini untuk yang memakai kode div id

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

6. Cari kode kira - kira seperti ini

<a expr:name='data:comment.anchorName'/>

7. Kemudian ganti kode diatas 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>

8. Klik Save dan selesai.
Salam Ngeblog ...