Cara mudah memasang avatar atau photo komentar di blogger - by s2c3rr

Lagi-lagi artikel yang mungkin sangat berguna bagi sobat blogger yang ingin memasang avatar atau photo komentar di blog.
karena dengan memasang avatar atau photo komentar,blog terlihat menarik dan indah di pandang mata dan untuk artikel kali ini saya tidak akan membahas panjang lebar karena pasti sobat blogger sudah ingin memasangnya bukan.
ikuti langkah-langkah di bawah ini untuk memasang avatar atau photo komentator di blog.
dan sebagai contoh gambarnya seperti di bawah ini.

1. Login Blogger.com.
2. di dasbor sobat pilih Rancangan/Design >> Edit HTML

3. Expand template Widget.

4. cari kode ]]></b:skin>
(*Gunakan tombol F3 di keyboard untuk mempermudah pencarian)
Setelah ketemu letakkan kode di bawah ini persis sebelum kode ]]></b:skin>

#comments-block .avatar-image-container img {
background: #f5f6f4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU4fEDC4dU8wd0uD2FPqb_5QWCMCrJEVk6SwCrrxw4sSImk85SG30QjGpOyQoj_JBA9hc8HwMxKQfpwHR2xSLxSQ2M8yX6OdLRWHj6OryPphLbyitPGl8UXD4RJtwXOHPRD7M3LffSj0o/) no-repeat left top;
width:35px;height:35px;margin-top:5px;
}

5. Scroll ke bawah dan temukan kode

<dl id='comments-block'>

6. ganti dengan kode

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

7. kemudian cari kode

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

8. setelah ketemu ganti dengan kode

<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>

9. Setelah selesai semua pilih Save template dan lihat hasilnya.

Mudah buka untuk cara memasang avatar atau photo komentator di blog.semoga berguna bagi yang membutuhkannya selamat mencoba dan semoga sukses.

Share this: