DON'T LIKE ME

Memasang foto avatar pada kotak komentar


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

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 :
TERIMAKASIH SUDAH BERKOMENTAR


Comments
1 Comments

1 komentar:

Posting Komentar