Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menampilkan Foto Profil Pada Komentar Blog

RudiEtnovian.Com - Halo guys, semoga kalian semua selalu dalam keadaan sehat ya guys. Pada kesempatan kali ini kita akan membahas tentang template blogspot ya guys.

Disini saya asumsikan kalian paham template yang saya maksud disini ya guys.

Sebagian dari template blog yang pernah ada memang terkadang tidak menampilkan foto profil pemilik akun maupun pengunjung yang datang dan meninggalkan komentar.

Cara Menampilkan Foto Profil Pada Komentar Blog

Sepengalaman saya pribadi, dari 10 template yang pernah saya pakai, hanya tiga template yang sudah memiliki tampilan seperti ini. Selebihnya hanya menampilkan nama yang memberikan komentar saja guys.

Terutama pada template yang gratisan ya guys, meskipun kita telah melakukan settingan pada menu "Pengaturan Komentar", tetap saja tidak bisa menampilkan foto profil pemberi komentarnya.

Oleh karena itu, pada kesempatan kali ini kita akan mencoba untuk membahas Tutorial Blog Cara Menampilkan Foto Profil Pada Komentar Blog.

Cara ini merupakan tahapan lanjutan bagi kalian yang sebelumnya telah melakukan pengaturan pada menu "Pengaturan Komentar".

Jika belum, silahkan untuk menyettingnya terlebih dahulu.

Berikut tahapan lanjutan dari menampilkan foto pada komentar blog tersebut.

  1. Login ke akun blogger masing-masing.
  2. Masuk ke menu Edit HTML. Disarankan untuk membackup template terlebih dahulu.
  3. Selanjutnya silahkan sobat cari kode ]]></b:skin> ini pada template sobat.
  4. Setelah ketemu silahkan sobat tambahkan kode css berikut tepat di atas kode tadi.
    #comments-block .avatar-image-container img {background: #fff url(http://lh4.ggpht.com/_pt7i0nbIOCY/TB7SOsATxlI/AAAAAAAACsU/e842B5uZoWk/avatar%5B14%5D.jpg) no-repeat left top; width:35px;height:35px}
    Kode yang berwarna merah di atas bisa diganti dengan gambar/avatar kalian sendiri. Avatar tersebut untuk visitor yang berkomentar tapi tidak sebagai blogger atau sesama pemilik akun google.
  5. Setelah itu silahkan kalian cari kode <dl id='comments-block'> ini pada template kalian. Jika tidak ada cari yang semisalnya, karena tiap template biasanya berbeda-beda.
  6. Setelah ketemu, silahkan kalian replace/ganti kode tersebut dengan kode si bawah ini.
    <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  7. Jika sudah, sekarang kalian cari lagi kode seperti ini <a expr:name='data:comment.anchorName'/>  pada template kalian.
  8. Dan silahkan kalian replace lagi kode tersebut dengan kode di bawah ini.
    <b:if cond='data:comment.favicon'> <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>
  9. Sampai disini proses menampilkan foto profil pada komentar blog tersebut sudah selesai. 
  10. Sekarang saatnya kalian menyimpan hasil editan tadi dengan mengklik "SAVE" .

Demikianlah Tutorial Blog mengenai Cara Menampilkan Foto Profil Pada Komentar Blog tersebut.

Semoga tutorial blog kali ini bisa membantu teman-teman yang masih belum menemukan cara untuk menampilkan foto profil pada komentar yang ada pada blognya.

Semoga bermanfaat dan selamat bereksperimen. 

    Rudi Etnovian
    Rudi Etnovian Seorang Blogger dan Menyediakan Jasa Pembuatan Website Sejak Tahun 2008

    Posting Komentar untuk "Cara Menampilkan Foto Profil Pada Komentar Blog"

    Iklan