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 :
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'>
7. Ganti kode no. 6 dengan kode di bawah ini
<b:if cond='data:comment.favicon'>8. Save Template
<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>
Begitulah kurang lebih cara menampilkan foto profil/avatar pada komentar blog. Selamat mencoba dan semoga berhasil...
Related Post :
tutorial blog
- Cara Menghapus Link Aktif di Kotak Komentar
- Mengatasi Pesan Komentar yang Pindah ke Bawah
- Membuat Menu Tab View Tanpa Edit HTML
- Membuat Semua Label Breadcrumbs Terindex Google
- Cara Agar Breadcrumbs Terindex Google bag.2
- Pagerank bulan November 2012
- Cara Membuat Tombol Back to Top
- Membuat Fan Page Melayang di Blog ver.2
- Cara Membuat Effect Kembang Api di Blog
tutorial
- Tips SEO untuk Pemula
- Cara Menghapus Link Aktif di Kotak Komentar
- Mengatasi Pesan Komentar yang Pindah ke Bawah
- Membuat Menu Tab View Tanpa Edit HTML
- Membuat Semua Label Breadcrumbs Terindex Google
- Cara Agar Breadcrumbs Terindex Google bag.2
- Pagerank bulan November 2012
- Cara Membuat Tombol Back to Top
- Membuat Fan Page Melayang di Blog ver.2
Dengan munculnya profil komentator kita juga akan bisa mengenal sosok sobat blogger yang berkomentar di blog kita.
ReplyDeletePerkembangan blog kita juga karena adanya bantuan dari sahabat-sahabat blogger yang setia mengunjungi blog kita.
betul sob...
Deletepunya saya udah ada sobb...
ReplyDeleteTapi makasih tutorialnya ya.. ^_^
nah ini yang saya cari mas wan
ReplyDeletecoba liat foto saya sama kaya gambar diatas gak ada fotonya, padahal di foto profil blog ada tampilannya, saya bingung :D
makasih sob tutornya bagus nih
ReplyDeletemalam sob
ReplyDeletetengkyu komentarnya sobat..
ReplyDeleteblog ane ga ada kode no 4 nya gimana?
ReplyDeletecoba cek mungkin template sobat scriptnya sudah spt yg no 5
Deletegan masih gak muncul
Deletecoba cek URL image-nya, jgn" sdh dihapus...
DeleteNgetes Gan, Berhasil ga
ReplyDeletekenapa di blog aq ga berhasilo ya
ReplyDeleteAne Tes Disini , apakah berhasil
ReplyDeletemohon infonya untuk mengedit HTML di bagian mana......thks
ReplyDelete