Pasang smiley di kotak komentar

Menjawab pertanyaan dari sobat saya yang bernama Xsan yang menanyakan bagai mana cara Memasang Avatar Di Kotak Komentar Blog dan dia pun menanyakan bagai mana memasang Reply nya.?
karna di blog saya menggunakan Reply untuk komentar.
Jadi saya akan menjawan pertanyaan Xsan satu persatu dulu,kali ini saya akan menjelas kan Pasang Avatar Di Kotak Komentar Blog. dan untuk Reply nya akan saya jelas kan di postingan salanjut nya.

Pasang Avatar Di Kotak Komentar Blog mungkin ada sebagian yang sudah paham atau tau dan mengerti apa itu Avatar Di Kotak Komentar Blog..
lebih jelas nya lagi sobat perhatikan pos komentar blog saya..

Nah itu yang di maksud dengan Avatar Di Kotak Komentar Blog.
sobat tertarik ingin memasang nya..?
jika sobat tertarik untuk memasang nya,silahkan ikuti langkah-langkah berikut ini..?

1. Pertama-tama masuk ke menu Setting Lalu Comments. Pilih YES pada bagian "Show profile
    images" dan Save.

2. Setelah itu, masuk ke menu Design-> Edit HTML

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

4. Cari kode berikut:

<dl id='comments-block'>

5.Ganti kode tersebut dengan kode di bawah Ini

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

6.setelah itu cari kode di bawah ini

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

7.Ganti kode tersebut 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. Setelah itu tambahkan kode css berikut diatas kode ]]></b:skin>

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

Keterangan:
Teks yang berwarna merah merupakan alamat gambar untuk avatar anonymous. Sedangkan teks yang dicetak tebal merupakan ukuran avatar. Anda bisa ganti sesuai keinginan.

9. Kalau sudah simpan template anda. Selesai dech....