villaralcaldeblog | Menampilkan Avatar Di Komentar Blog – Salah satu cara untuk mempromosikan blog kita ialah berkomentar di blog milik orang lain. Karena dengan hal tersebut paling tidak mampu membuat pemilik blog yang telah kita komentari sebelumnya berkenan untuk berkunjung balik sampai terciptalah jalinan pertemanan dengannya.
Ada beberapa hal yang dapat kita lakukan untuk menarik minat pembaca supaya 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 ialah dengan memperlihatkan tampilan form komentar yang menarik dan memikat pembaca.
Akan tetapi , dalam melaksanakan tips tersebut kita akan sedikit menemukan kendala alasannya 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 aba-aba berikut ini.
<dl class='comments-block' id='comments-block'>
atau
<dl id='comments-block'>
Kemudian hapus dan ganti dengan aba-aba berikut ini.
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
Cari aba-aba berikut ini.
<a expr:name='data:comment.anchorName'/>
Kemudian hapus juga dan ganti dengan aba-aba 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 aba-aba berikut ini.
]]></b:skin>
Tambahkan aba-aba 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 kalau terjadi kegagalan dalam proses editing template.
- Tekan tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian aba-aba 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.
Ini ialah pola 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 diperlukan akan memancing banyak pembaca untuk meninggalkan komentarnya di postingan blog kita. Semakin banyak pembaca yang aktif memperlihatkan komentarnya di postingan blog kita , maka akan membuat blog menjadi lebih hidup alasannya tingginya intensitas komunikasi antara pemilik blog dengan para pembacanya.
0 komentar:
Posting Komentar