Menampilkan Foto Profil pada Komentar Blog

Beberapa template blogger memang tidak menampilkan foto profil atau avatar pada komentar blog, termasuk IstiawanBLOG sejak awal tidak menampilkan avatar pada komentarnya.

Tapi kurang pas rasanya jika saat berkomentar tapi foto profil/avatar tidak muncul. Nah kali ini saya akan berbagi tutorial tentang cara menampilkan avatar atau foto profil pada komentar blog. Langsung saja ikuti langkah berikut :

1. Edit HTML dan centang "Expand Widget Templates"

2. Cari kode ]]></b:skin>

3. Letakkan kode dibawah ini diatas kode ]]></b:skin>

#comments-block .avatar-image-container img {background: #fff url(URL image anda) no-repeat left top; width:35px;height:35px}

4. Kemudian cari kode <dl id='comments-block'>

5. Ganti dengan kode no. 4 dengan kode dibawah ini

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

6. Terakhir cari kode <a expr:name='data:comment.anchorName'/>
7. Ganti kode no. 6 dengan kode di bawah 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>

8. Save Template

Begitulah kurang lebih cara menampilkan foto profil/avatar pada komentar blog. Selamat mencoba dan semoga berhasil...

Related Post :