MENAMPILKAN AVATAR DI KOMENTAR BLOG

Cara Menampilkan Avatar Di Komentar Blog

Menampilkan avatar di komentar blog sangatlah mudah kita hanya perlu mengedit atau menambahkan sedikit kode html di dalam templeat blog. Simak berikutnya cara membuat avatar di komentar blog dengan mudah.
  • Pertama-tama silahkan masuk ke halaman blog masing-masing.
  • Ke dua, silahkan klik menu Tema > Edit Html
  • Ke tiga, Pada menu kotak html silahkan cari kode <dl class='comments-block' id='comments-block'> atau kode <dl id='comments-block'>.
  • Ke empat, silahkan hapus salah satu kode diatas yang telah ditemukan dan gantikan dengan kode di bawah ini
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>.
  • Ke lima, selanjutnya silahkan cari lagi satu kode lagi yaitu kode <a expr:name='data:comment.anchorName'/>.
  • Ke enam, jika sudah menemukan kode diatas silahkan ganti lagi kode diatas 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>

  • Ke tujuh, silahkan cari lagi kode ]]></b:skin>.
  • Ke delapan, tambahkan kode berikut ini di bawah kode ]]></b:skin> tadi.

#comments-block .avatar-image-container img {
background: #fff url(URL Avatar) no-repeat left top;
width:32px;
height:32px
}

  • ke sembilan, Jika sudah saatnya silahkan klik simpan templeat, pastikan langkah-langkah di atas jangan sampai ada yang cedera.
Keterangan:

  • Unduh dan simpan template blog kita terlebih dahulu sebagai antisipasi jika terjadi kegagalan dalam proses editing template.
  • Tekan tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian kode yang kita inginkan dalam template blog kita.
  • Ganti URL Avatar dengan alamat gambar avatar yang ingin kita tampilkan untuk mengisi kekosongan gambar profil di tampilan komentar blog.
  • Ganti ukuran tinggi (height) dan lebarnya (width) sesuai keinginan kita.

Komentar