Trik Cara Menampilkan Avatar Pada Komentar Blogger
Trik Cara Menampilkan Avatar Pada Komentar Blogger – 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.
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.
atau
Kemudian hapus dan ganti dengan kode berikut ini.
Cari kode berikut ini.
Kemudian hapus juga dan ganti dengan kode berikut ini.
Cari kode berikut ini.
Tambahkan kode berikut ini di atasnya.
Klik simpan dan selesai.
Keterangan:
Website : indoblogseo
Credit : Dhie Valt Mhorsyl
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.
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.
Website : indoblogseo
Credit : Dhie Valt Mhorsyl
Terimakasih telah membaca :D : Artikel & Telah Mengunjungi Blog Kami. Silahkan masukan email anda dibawah ini! dan anda akan otomatis mendapatkan kiriman artikel terbaru dari WEBSEO. Terimakasih.
Postingan
