Cara Pasang Avatar pada Komentar Anonymous
Cara Pasang Avatar pada Komentar Anonymous. Biasanya avatar pada komentar hanya akan
muncul jika yang berkomentar menggunakan akun blogger atau URL blognya sudah
terdaftar di Gravatar. Berawal dari melihat komentar di blog ini yang sebagian
besar tidak menggunakan avatar sehingga tampilannya jadi kurang menarik dan
terlihat polos, akhirnya saya tertarik untuk menampilkan avatar di komentar
dengan opsi Anonymous ataupun Name/URL. Nah kali ini saya ingin share bagaimana
cara pasang avatar pada komentar Anonymous
atau Name/URL tersebut sehingga tampilan komentar menjadi lebih menarik.
Cara Pasang
Avatar pada komentar Anonymous dan Name/URL :
- Login ke dashboard blogger anda, pilih Rancangan > Edit HTML > centang Expand widget template.
- Pastikan dan cek dulu pada template anda terdapat kode seperti dibawah ini :
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
- Jika kode diatas sudah ditemukan, lanjutkan dengan mencari kode ]]></b:skin> dan letakkan script dibawah ini tepat diatasnya.
#comments-block .avatar-image-container img { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWhQMuexdJS_fwdQYESRW0ZwbnRdzziaNENY4fgAgvmiTRS4i0wdxs9z231Q-tuqTf8OwobJk2VBIUpbZnJJt1G0AS1lhv0Df5HOenvjCxnniTnegv6nnRQcsZB-H2Wm25TAkfTLe1qkEX/) no-repeat left top; width:32px; height:32px;
- Ganti URL avatar yang berwarna merah dengan URL avatar yang anda inginkan atau boleh juga ambil avatar yang bagus dari blog lain yang anda sukai. Save template anda dan lihat hasilnya.
Cara pasang avatar pada komentar anonymous ini hanya
akan berhasil jika kode pada step-2 diatas terdapat pada template anda. Pada
beberapa template yang lain mungkin cara pasang avatarnya akan berbeda karena
adanya perbedaan kode pada template bawaan. Jika anda kesulitan atau tidak dapat
menemukan kode seperti yang saya sebutkan diatas, beritahu saya melalui
komentar OK ? Semoga berhasil.
Makasih atas ilmunya om..
BalasHapusSalam kenal..
Perasaan kita sudah saling kenal deh ! Cuman karena blog ini baru ganti template ternyata ada yang pangling..he he
BalasHapuswalaupun nggak berhasil di praktekkan pada kolom komentar saya yang udah di edit, tapi sharing ini bagi saya menarik..karena penyampaian nya simpel sekali..
BalasHapusnice post
=))
BalasHapusHaLo?
BalasHapusuntuk kode
expr:class='data:post.avatarIndentClass' id='comments-block'>
Kode itu gak ada di Template saya ~x(