Memasang foto avatar pada kotak komentar

---

JUDUL  :  MENAMPILKAN FOTO/AVATAR PADA KOTAK KOMENTAR

---

Artikel Terkait

• Cara memasang komentar terbanyak
• Cara mengganti warna kotak komentar
• Gambar berpindah oleh gerakan mouse
• Cara Membuat tulisan terbalik
• Huruf Besar Tampilan Pada Awal Postingan
• Menambah gambar pada judul postingan
• Postingan tampil halaman pertama
• Membuat widget copy artikel
• Postingan dengan DROPDOWN menu
• Mengubah background judul postingan

 ----------------------------------------------------------------------------------

Kurang lengkap apabila komentar dari pengunjung blog anda tidak menampilkan foto profilnya.
Sebenarnya fasilitas Blogger telah dilengkapi filtur ini (foto tampil pada komentar). Hanya pada template yang telah dimodifikasi seperti pada template EPG Studio harus dilakukan sedikit perubahan pada kode tertentu. Mungkin hal itu juga terjadi pada blog yang anda kelola. Ada beberapa langkah untuk menampilkan foto pada kotak komentar, silahkan anda simak dan terapkan pada blog anda.

LANGKAH PERTAMA

• Masuk ke Blogger.
• Pilih Pengaturan.
• Klik Tab Komentar'
• Pada item "Tampilkan profil dalam komentar " , pilih "ya".
• Klik Simpan Setelan, coba lihat hasilnya.

Jika belum berhasil, coba ikuti langkah berikutnya.

LANGKAH KEDUA

• Masuk ke Rancangan, pilih Edit HTML.
• Cari kode ini <dl id='comments-block'> atau jika tidak ditemukan coba cari kode ini <div id='comments-block'>
• Setelah ketemu ganti kode tadi dengan kode ini :
  <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
• Berikutnya anda cari kode ini : <a expr:name='data:comment.anchorName'/>
• Tambahkan kode dibawah ini tepat diatas kode tadi :
  <b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' width='35px' style='margin-bottom:-2px;' />
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
• Klik Simpan Template, coba anda lihat sekarang

LANGKAH KETIGA

Bagi yang pada profilya tidak memiliki foto/avatar, anda dapat menggantinya dengan gambar lain sesuai dengan pilihan anda. EPG Studio menampilkan logo Blogger bagi komentator yang belum memiliki avatar
Caranya :

• Masih pada Edit HTML.
• Cari kode ]]></b:skin>
• Copy kode dibawah ini kemudian paste tepat diatasnya
  .avatar-image-container img {
background: url(http://www.blogger.com/img/logo40.png) no-repeat;
width: 35px;
height: 35px;
• Ganti kode warna kuning dengan kode gambar yang ingin anda tampilkan.
• Klik Simpan Template.
• Selesai...selamat mencoba semoga berhasil dan bermanfaat.

By : Bang Udin

----------------------------------------------------------------------------------

Gunakan ----{ CTRL + F }---- Untuk Mencari Artikel

----------------------------------------------------------------------------------

Postingan Baru :

• Cara membuat link berkedip ketika cursor melintas
• Cara Membuat Effect Snow Atau Tabur Salju Di Blog
• Cara Intalasi Windows Seven ( 7 ) Lengkap
• Code Rahasia Semua Type Handphone Lengkap
• Cara Daftar Dan Merubah Domain Blogspot Ke .CO.TV
• Cara Membuat Cursor Bertabur Bintang
• Cara Pasang Meta Tag Di Blogger SEO Friendly
• Cara Memasang Share Pack (Share Post To Social Boo...
• Cara memasang sharing is sexy di blogspot
• Cara Membuat Taskbar Ato Toolbar Melayang Di Blog
• Cara Membuat Shoutmix Tersembunyi
• Cara Membuat Link Warna - Warni Pelangi Di Blog
• Cara pasang video di blog
• Cara Membuat Link Berkedip Warna Warni
• Tempat Ganti Code Warna
• Cara Menu Tab View di Samping
• Cara Membuat Tulisan / text Berkedip
• Cara Membuat Menu Melayang
• Efek Marquee untuk Banner Berjalan
• Salam Pembuka Sesuai Dengan Settingan Waktu
• Mengganti Icon Blogger
• Cara membuat addres bar berjalan

TERIMAKASIH SUDAH BERKOMENTAR