Cara Menampilkan Avatar Pada Kotak Komentar

Kemaren pada saat google ulang tahun ke-10 pada blogger buzz meluncurkan Show Your Face pendek katanya blogspot sekarang sudah support sama komentar yang beravatar seperti punya wordpress, sehingga para pengunjung bisa ngasih comment dan nitip fotonya deeh disitu jadi bisa foto kita bisa nebeng, dengan adanya avatar komentar ini para blogger dan pengomentar semakin asyik saja deh.

Kaya'nya blogspot ngga' mau ketinggalan sama penyedia blog gratisan seperti wordpress yang memberikan fasilitas - fasilitas yang sangat membantu bagi dunia blogging, sehingga tidak mengherankan kalau blogspot selalu update tool - tool nya yang semakin memdudahkan kita dalam menulis dan mengelola blog gratisan ini.

Untuk Menampilkan Avatar / gambar pada kotak komentar blogspot simak penjelasan singkat ini :
1. Masuk User Id Blogspot
2. Pada tab Layout >> Edit HTML atau Tata Letak >> Edit HTML kasih tanda centang pada expand template widget
3. Copykan kode berikut di atas kode ]]></b:skin>

.avatar-image-container img{
background:transparent url(http://i33.tinypic.com/24b9na8.jpg)no-repeat;
height:35px;
position:absolute;
width:35px;
}

4. Cari kode berikut ini

<dl id='comments-block'>

atau

<div id='comments-block'>

5. Ganti kode diatas dengan kode berikut

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

Atau kode ini untuk yang memakai kode div id

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

6. Cari kode kira - kira seperti ini

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

7. Kemudian ganti kode diatas dengan kode berikut

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

8. Klik Save dan selesai.

Salam Ngeblog ...

Baca Juga Artikel Lainnya untuk Tutorial Blogspot :

• Cara Membuat Blog Gratisan Pada Blogspot
• Cara Memposting Artikel Pada Blog
• Cara Mensetting Blog
• Cara Menyisipkan Link pada Blog
• Free Download Template Blogspot
• Update Blog Ke Post Editor Terbaru
• Cara Menambahkan Read More / Baca Selengkapnya Pada Blog
• Cara Membuat Komentar Seperti Pada Wordpress
• Cara Menyisipkan Emotion Pada Blog
• Menambahkan Status Yahoo Masangger Pada Blog

Related Posts :

• Membuat Komunitas Halaman Like/Penggemar di Facebook
• Membuat Domain Gratis dengan co.cc
• Cara Menambahkan Link Pada Blog
• Cara Mensetting Blog
• Cara Menampilkan Avatar Pada Kotak Komentar
• Cara Membuat Komentar Blogspot Seperti Pada Wordpress
• Membuat Readmore Pada Blogspot Baru
• Cara Memposting Artikel Pada Blog
• Mengecek Google Pagerank Blog/Website
• Perlunya Meningkatkan Alexa Rank

Info Menarik :