Pasang Avatar Pada Kotak Komentar Blog

Pasang Avatar Pada Kotak Komentar Blog - Setelah 2 minggu gak posting artikel baru. akhirnya kesampaian juga posting artikel baru pada blog  sederhana ini. pada posting kali ini saya cuma ingin berbagi tips bagaimana cara memasang avatar pada kotak komentar blog.

Sebenarnya avatar pada kotak komentar blog ini sudah disediakan oleh pihak blogger. Anda bisa mengaktifkannya dengan masuk ke menu Setting -> Comments lalu pada bagian "Show profile images on comments" pilih YES.

Namun cara ini kurang sedikit maksimal karena avatar yang akan muncul hanya pada komentar yang menggunakan id bloggernya saja yang akan ada avatar sedangkan yang berkomentar dengan open id tidak akan muncul avatar pada komentar tersebut.

Namun anda tidak usah kwatir, karena dengan sedikit modivikasi kita akan dapat memberikan avatar pada semua komentar tanpa terkecuali. lihat screen shot dibawah !

Jika anda tertarik untuk membuatnya. silahkan ikuti langkah berikut

- Masuk ke menu Design-> Edit HTML

- Beri centang pada "Expand Widget Templates". Agar lebih aman backup template anda.

- Cari kode berikut:

<dl id='comments-block'>

- Ganti kode tersebut dengan kode ini

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

- Setelah itu cari kode berikut

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

- Ganti kode tersebut dengan kode berikut ini

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

- Setelah itu tambahkan kode css berikut diatas ]]></b:skin> 

#comments-block .avatar-image-container img {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM_NKMF47rsSb80HByxnt_zRTUGOE06-TrdKe70pcvRmAkV1PyhMYg061LrQos3ajIvucO6C53iGNZB5B6oc7jLz7rYPGZQZVooascbMZaLutFN8bRGGYesb0Pce7zg8IIcwjTXwWyMvw/s1600/avatar.gif) no-repeat left top;
width:32px;
height:32px
} 

 Keterangan : 
 Tulisan yang berwarna merah adalah  link gambar avatar

- Simpan template anda

Gimana, gampang bukan cara Pasang Avatar Pada Kotak Komentar Blog ?
ditunggu komentarnya :)