Pasang Avatar Di Kotak Komentar Blog

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/AVvXsEgD-sKp9Xo5rruuop2lOrSC-_p-QuEOb3EzKqeeQxrQYUUKKkTzyMHJnxe3JM4CJRLS3U7b1xlzrOnkUfU3EvIB3Ug4KtgaZOLaevsQ7rHq0iI9NrQr_m2-zwCd3CYGIQzb78RZHe3ZTQA/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. Kalu sudah simpan template anda. Selesai

Itu lah penjelasan Mengenai Pasang Avatar Di Kotak Komentar Blog semoga bermanfaat.
Saran Dan Kritik Anda Sangat Membantu Saya Dalam Menulis Artikel Selanjutnya Pada Tutorial Blog Ini...