- Salah satu cara menciptakan blog lebih ramah komentar ialah dengan cara menampilkan kotak komentar yang unik dengan gaya dan tampilan yang menarik, dengan tampilan kotak komentar yang unik dan juga menarik akan menciptakan para pengunjung ingin berkomentar di blog walaupun cuma dengan mencoba-coba.
Kaprikornus salah satu cara menciptakan tampilan kotak komentar yang baik ialah 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 gampang kita hanya perlu mengedit atau menambahkan sedikit arahan html di dalam templeat blog. Simak berikutnya cara menciptakan avatar di komentar blog dengan mudah.
- Pertama-tama silahkan masuk ke halaman blog masing-masing.
- Ke dua, silahkan klik hidangan Tema > Edit Html
- Ke tiga, Pada hidangan kotak html silahkan cari kode <dl class='comments-block' id='comments-block'> atau kode <dl id='comments-block'>.
- Ke empat, silahkan hapus salah satu arahan diatas yang telah ditemukan dan gantikan dengan arahan di bawah ini
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>.
- Ke lima, selanjutnya silahkan cari lagi satu arahan lagi ialah kode <a expr:name='data:comment.anchorName'/>.
- Ke enam, kalau sudah menemukan arahan diatas silahkan ganti lagi arahan diatas dengan arahan 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 arahan 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 hingga ada yang cedera.
- Unduh dan simpan template blog kita terlebih dahulu sebagai antisipasi kalau terjadi kegagalan dalam proses editing template.
- Tekan tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian arahan 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 harapan kita.
Sampai disini aku akhiri postingan cara menampilkan avatar di komentar blog biar bermamfaat dan biar sukses.