Friday, November 1, 2013

Cara Menampilkan Foto Profil Pada Komentar Blog

Cara Menampilkan Foto Profil Pada Komentar Blog | Sebagian dari template blog yang pernah ada memang terkadang tidak menampilkan foto profil pemilik akun maupun pengunjung yang datang dan meninggalkan komentar, meskipun kita telah melakukan pengaturan pada menu "Pengaturan Komentar" pada dasbor yang telah tersedia pada akun blogger.

Oleh karena itu, pada kesempatan kali ini kita akan mencoba untuk membahas Tutorial Blog Cara Menampilkan Foto Profil Pada Komentar Blog. Semoga tutorial blog kali ini bisa membantu Sobat Revan yang masih belum menemukan cara menampilkan foto profil pada komentar yang ada pada blog Sobat. Cara ini merupakan tahapan lanjutan bagi Sobat Revan yang sebelumnya telah melakukan pengaturan pada menu "Pengaturan Komentar". Jika belum, silahkan untuk mensettingnya terlebih dahulu.
Cara Menampilkan Foto Profil Pada Komentar Blog
Berikut tahapan lanjutan dari menampilkan foto pada komentar blog tersebut.
  1. Login ke akun blogger sobat 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 sobat ganti dengan gambar/avatar sobat sendiri. Avatar tersebut untuk visitor yang berkomentar tapi tidak sebagai blogger atau sesama pemilik akun google.
  5. Setelah itu silahkan sobat cari kode <dl id='comments-block'> ini pada template sobat. Jika tidak ada cari yang semisalnya, karena tiap template biasanya berbeda-beda.
  6. Setelah ketemu, silahkan sobat replace/ganti kode tersebut dengan kode si bawah ini.
    <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  7. Jika sudah, sekarang sobat cari lagi kode seperti <a expr:name='data:comment.anchorName'/> ini pada template sobat.
  8. Dan silahkan sobat 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 disinilah proses menampilkan foto profil pada komentar blog tersebut. sekarang saatnya sobat menyimpan hasil editan tadi dengan mengklik "SAVE" .
Demikianlah Tutorial Blog mengenai Cara Menampilkan Foto Profil Pada Komentar Blog. Semoga bermanfaat dan selamat bereksperimen. :)

    Artikel Terkait

    Blog ini dibuat atas ketertarikan dan minat kami dengan Dunia IT khususnya masalah software, game dan sebagainya. Blog ini juga sebagai media sosial untuk berbagi Info Menarik serta Hiburan lainnya agar lebih bermanfaat.

    - Dilarang SPAM

    - Dilarang Pasang Link Aktif

    - Harus Sopan.
    EmoticonEmoticon