Cari Artikel Blog Ini

Total Tayangan Laman

MENAMPILKAN 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
  1. Masuk ke Blogger.
  2. Pilih Pengaturan.
  3. Klik Tab Komentar'
  4. Pada item "Tampilkan profil dalam komentar " , pilih "ya".
  5. Klik Simpan Setelan, coba lihat hasilnya.

Jika belum berhasil, coba ikuti langkah berikutnya.

LANGKAH KEDUA
  1. Masuk ke Rancangan, pilih Edit HTML.
  2. Cari kode ini <dl id='comments-block'> atau jika tidak ditemukan coba cari kode ini <div id='comments-block'>
  3. Setelah ketemu ganti kode tadi dengan kode ini :
    <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  4. Berikutnya anda cari kode ini : <a expr:name='data:comment.anchorName'/>
  5. 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>
  6. 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 :
  1. Masih pada Edit HTML.
  2. Cari kode ]]></b:skin>
  3. 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;
  4. Ganti kode warna merah dengan kode gambar yang ingin anda tampilkan.
  5. Klik Simpan Template.
  6. Selesai...selamat mencoba semoga berhasil dan bermanfaat.

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
9 Comments

9 komentar :

kibagus mengatakan...

makasih infonya..!!

meyasiah mengatakan...

pak sy bogger baru nih, mau tanya gmn cara menampilkan foto profil kita saat berkomentar di blog org lain? trims atas jawabannya ya pak.

Hiu mengatakan...

Thanks for shared..

Pengobatan Herba mengatakan...

ok.... terimakasih.....

jabriel mengatakan...

thank's untuk infonya..... ^_^

puluth® mengatakan...

Hallo, mau nanya ne, kalau avatar author nya yang gak muncul gimana?

Ades mengatakan...

@puluth® : Saya lihat di blog kamu foto authornya dah muncul

BAGUSE-REK mengatakan...

Terima kasih, sdh berhasil sy aplikasikan di BAGUSE-REK.

Salam Takzim.

TRI DENDA mengatakan...

fdfdfd

Posting Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!