Langsung saja,cara menampilkan foto profil pada komentar blogger caranya sebagai berikut:
- Login ke blogger, setelah masuk klik pengaturan, lalu pilih pengaturan komentar.
- Pada pilihan Tampilkan gambar profil dalam komentar? sobat pilih ya.
- Lalu klik simpan setelan. Sampai ada keterangan Setting Telah Berhasil Disimpan. Dan lihat hasilnya, Silakan dicoba dengan menulis komentar dengan ID blogger sobat pada salah satu posting. apakah gambar/foto profilnya sudah muncul alias terlihat?Jika terlihat, berarti cara menampilkan foto profil/avatar komentar di blogger cukup sampai disini. Sebaliknya, jika gambar profilnya masih belum muncul juga. Sobat perlu melakukan langkah tambahan sebagai berikut:
- Masih dalam keadaan login. Klik rancangan, lanjut dengan mengklik Edit html.
- Untuk mengantisipasi jika nanti terjadi kesalahan. Backup template dengan cara: klik link download template lengkap.
- Setelah selesai, beri centang pada kombo disamping expand template widget
- Selanjutnya cari kode:
]]></b:skin>
- Setelah ketemu, tepat diatasnya taruh kode berikut:
#comments-block .avatar-image-container img {background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAxqBSrRWPiSpG4vCthW4bXOj5BKMfbj_UYBSzHQblzV0yjUHcAAR6m0FDcuc6XEG5smkdyFq_PKHvNLfCp5rJOcUcu2cn_n42EgbtnHqvLHSh7KWosmze_GzL71rhfSFnzt0e1TewGaqr/) no-repeat left top; width:35px;height:35px}
Pada teks berwarna merah adalah URL gambar avatar yang disimpan pada file hosting. Sobat bisa menggantinya dengan avatar pilihan sobat,kode merah itu adalah tampilan avatar untuk anonimous pada blog kamu.
- Lanjut dengan mecari kode:
<dl id='comments-block'>
- Hapus kode tersebut lalu ganti dengan kode berikut:
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
- Masih belum selesai, terakhir cari:
<a expr:name='data:comment.anchorName'/>
- Lalu hapus dan ganti kode tersebut dengan
kode seperti dibawah 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>
- Selesai mengutak-atik kode diatas. Langkah terakhir Klik simpan template.
Jika berhasil, akan muncul keterangan perubahan anda telah disimpan 'lihat blog'.
Untuk melihat hasilnya. lakukanlah ujicoba dengan memberi/mengetik komentar pada salah satu postingan blog sobat dengan ID blogger (dalam keadaan login). Otomatis foto profil akun blogger sobat akan terlihat. Coba juga dengan ID anonim atau NAME/URL. Maka yang muncul adalah gambar avatar yang sudah ditentukan oleh sobat.
Nah, kurang lebih begitulah Cara menampilkan foto profil/avatar komentar di blogger. Seperti yang pernah saya lakukan pada template ini. Selamat mencoba!