Menampilkan Avatar Di Komentar Blog – Salah satu cara untuk mempromosikan blog kita adalah berkomentar di blog milik orang lain. Karena dengan hal tersebut paling tidak bisa membuat pemilik blog yang telah kita komentari sebelumnya berkenan untuk berkunjung balik hingga terciptalah jalinan pertemanan dengannya.
Ada beberapa hal yang dapat kita lakukan untuk menarik minat pembaca agar berkenan meninggalkan komentarnya di blog kita. Untuk pembahasan lengkapnya, silakan baca artikel 7 Tips Meningkatkan Jumlah Komentar Di Blog. Salah satu upaya yang kita lakukan adalah dengan memberikan tampilan form komentar yang menarik dan memikat pembaca.
Akan tetapi, dalam melakukan tips tersebut kita akan sedikit menemukan kendala karena pada tampilan komentar default blogger tidak memunculkan avatar untuk pilihan profil komentar selain berkomentar menggunakan profil akun google.
Coba lihat tampilan di bawah ini.
Bagaimana cara menampilkan avatar pada komentar blog ?
Masuk ke dalam akun blogger masing-masing.
Klik rancangan.
Klik edit HTML.
Klik expand template widget.
Cari kode berikut ini.
<dl class='comments-block' id='comments-block'>
atau
<dl id='comments-block'>
Kemudian hapus dan ganti dengan kode berikut ini.
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
Cari kode berikut ini.
<a expr:name='data:comment.anchorName'/>
Kemudian hapus juga dan ganti dengan kode berikut 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>
<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>
Cari kode berikut ini.
]]></b:skin>
Tambahkan kode berikut ini di atasnya.
#comments-block .avatar-image-container img {
background: #fff url(URL Avatar) no-repeat left top;
width:32px;
height:32px
}
background: #fff url(URL Avatar) no-repeat left top;
width:32px;
height:32px
}
Klik simpan dan selesai.
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.
Ini adalah contoh tampilan komentar blog yang sudah kita pasangi avatar untuk profil komentar selain akun google.
Dengan pemasangan avatar pada komentar blog ini akan membuat tampilan komentar menjadi lebih attraktif dan menarik, sehingga diharapkan akan memancing banyak pembaca untuk meninggalkan komentarnya di postingan blog kita. Semakin banyak pembaca yang aktif memberikan komentarnya di postingan blog kita, maka akan membuat blog menjadi lebih hidup karena tingginya intensitas komunikasi antara pemilik blog dengan para pembacanya.
Sumber : https://alkisahikmah.blogspot.com/2011/11/cara-menampilkan-avatar-pada-komentar.html
Tuliskan Komentar Anda disini