-->

Cara Menampilkan Avatar Di Komentar Blog

Cara menampilkan avatar di komentar blog | share pengalaman


Share Pengalaman - Salah satu cara membuat blog lebih ramah komentar yaitu dengan cara menampilkan kotak komentar yang unik dengan gaya dan tampilan yang menarik, dengan tampilan kotak komentar yang unik dan juga menarik akan membuat para pengunjung ingin berkomentar di blog walaupun cuma dengan mencoba-coba.

Jadi salah satu cara membuat tampilan kotak komentar yang baik yaitu dengan cara menampilkan avatar di kotak komentar blog.

Pasti sebagian dari yang belum tau menampilkan  avatar di komentar blog akan merasa sedikit bingung, apa itu avatar komentar di blog dan bagaimana tampilan avatar di komentar blog. Berikut di bawah ini silahkan baca cara 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.
Sampai disini saya akhiri postingan cara menampilkan avatar di komentar blog semoga bermamfaat dan semoga sukses.

Silahkan tinggalkan pesan jika Anda punya saran, kritik, atau pertanyaan seputar topik pembahasan.

Catatan :
Komentar ini menggunakan moderasi, setiap komentar yang masuk akan diperiksa terlebih dahulu sebelum ditampilkan. Hanya komentar yang berkualitas dan relevan dengan topik di atas yang akan ditampilkan. Harap gunakan sebaik-baiknya dan sebijak mungkin form ini. Terima kasih untuk kerja samanya.

Click to comment