Berkat fitur Show your face dari Blogger kini kotak komentar blogger sudah dapat menampilkan gambar atau foto dari pengunjung yang memberi komentar di blog.
Untuk menampilkan avatar, caranya sangat mudah. Anda cukup mengaktifkannya dengan masuk ke menu Setting -> Comments lalu pada bagian "Show profile images on comments" pilih YES. Beres..
Hanya saja cara ini hanya berlaku untuk template tertentu saja khususnya template yang disediakan oleh blogger dan hasilnya kurang optimal dimana avatar hanya muncul jika pengunjung memberi komentar dengan blogger id. Sedangkan yang berkomentar dengan openid atau anonymous, avatar tidak muncul.
Meskipun demikian, anda juga dapat memunculkannya dengan melakukan sedikit pengeditan pada kode template anda sehingga hasilnya menjadi seperti ini.
Untuk mengimplementasikannya:
1. Pertama-tama masuk ke menu Setting->Comments. Pilih lalu YES pada bagian "Show profile images" dan tekan Save.
2. Setelah itu, masuk ke menu Design-> Edit HTML
3. Beri centang pada "Expand Widget Templates". Agar lebih aman backup template anda.
4. Cari kode berikut:
>>> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzJa5n_K8_DOHlX7tGQ7re9k9kXQzEitub9yNMWcjDX6-ckKf9aNyk0mZjkP-TYVRvegKIBhx5pODcOyAJ6vgiyjcvZT8BDnLkvq03POV21V7sMPiJCD3vrOc04XQX6pugaR_gMbTBfBEX/s45/avatar2310486_2.gif
kalau mau avatar yang lain bisa coba yang ini gan :
>>> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB6EpGtfhNbLTAz6nfk9n9mrbjJrdhhbtkjZ-hHCXctdtrrElhryUgMcNpEDderLx74BxsLyfEerHPqRccLNZNqaXEJTU-gyMuE0oNVQsFJfZOztjNFJnuLUUO3453hb1346dstgRPxmXz/s45/avatar.jpg
>>> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL1w91A1Plpr8lWaMuh_EAemSpGmKTvrq0Ku4d5Yc90MJmECuhQsIEgWxoxWm9kW3VlzHpWuowzXrLBmwpzs7lU9hi6VPmO_WXpOiw8vSUYbvrcva9BudngxtSS7AxCJbjb5bKA3RmYWlK/s45/Avatar+Hannief.bmp
>>>http://www.downloadatoz.com/_imgbank/co/counter-strike-msn-display-pictures/Counter-Strike-MSN-Display-Pictures.icon.gif
>>>http://fc04.deviantart.net/fs28/f/2008/096/a/8/Avatar_Sasuke_by_Martiniszka.gif
Keterangan:
Teks yang berwarna merah merupakan alamat gambar untuk avatar anonymous. Sedangkan teks yang dicetak tebal merupakan ukuran avatar. Anda bisa ganti sesuai keinginan.
9. Kalu sudah simpan template anda. Selesai
Selamat mencoba. Semoga berhasil
Untuk menampilkan avatar, caranya sangat mudah. Anda cukup mengaktifkannya dengan masuk ke menu Setting -> Comments lalu pada bagian "Show profile images on comments" pilih YES. Beres..
Hanya saja cara ini hanya berlaku untuk template tertentu saja khususnya template yang disediakan oleh blogger dan hasilnya kurang optimal dimana avatar hanya muncul jika pengunjung memberi komentar dengan blogger id. Sedangkan yang berkomentar dengan openid atau anonymous, avatar tidak muncul.
Meskipun demikian, anda juga dapat memunculkannya dengan melakukan sedikit pengeditan pada kode template anda sehingga hasilnya menjadi seperti ini.
Untuk mengimplementasikannya:
1. Pertama-tama masuk ke menu Setting->Comments. Pilih lalu YES pada bagian "Show profile images" dan tekan Save.
2. Setelah itu, masuk ke menu Design-> Edit HTML
3. Beri centang pada "Expand Widget Templates". Agar lebih aman backup template anda.
4. Cari kode berikut:
<dl id='comments-block'>5. Ganti kode tersebut dengan kode ini
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>6. Setelah itu cari kode berikut
<a expr:name='data:comment.anchorName'/>7. Ganti kode tersebut dengan kode berikut ini
<b:if cond='data:comment.favicon'>8. Setelah itu tambahkan kode css berikut diatas ]]></b:skin>
<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>
#comments-block .avatar-image-container img {Kalau mau gambar Avatar seperti di kotak komentar blog saya ini gan :
background: #fff url(http://i37.photobucket.com/albums/e74/mrphoto16/Hermanblog/avatar.gif) no-repeat left top;
width:32px;
height:32px
}
>>> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzJa5n_K8_DOHlX7tGQ7re9k9kXQzEitub9yNMWcjDX6-ckKf9aNyk0mZjkP-TYVRvegKIBhx5pODcOyAJ6vgiyjcvZT8BDnLkvq03POV21V7sMPiJCD3vrOc04XQX6pugaR_gMbTBfBEX/s45/avatar2310486_2.gif
kalau mau avatar yang lain bisa coba yang ini gan :
>>> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB6EpGtfhNbLTAz6nfk9n9mrbjJrdhhbtkjZ-hHCXctdtrrElhryUgMcNpEDderLx74BxsLyfEerHPqRccLNZNqaXEJTU-gyMuE0oNVQsFJfZOztjNFJnuLUUO3453hb1346dstgRPxmXz/s45/avatar.jpg
>>> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL1w91A1Plpr8lWaMuh_EAemSpGmKTvrq0Ku4d5Yc90MJmECuhQsIEgWxoxWm9kW3VlzHpWuowzXrLBmwpzs7lU9hi6VPmO_WXpOiw8vSUYbvrcva9BudngxtSS7AxCJbjb5bKA3RmYWlK/s45/Avatar+Hannief.bmp
>>>http://www.downloadatoz.com/_imgbank/co/counter-strike-msn-display-pictures/Counter-Strike-MSN-Display-Pictures.icon.gif
>>>http://fc04.deviantart.net/fs28/f/2008/096/a/8/Avatar_Sasuke_by_Martiniszka.gif
Keterangan:
Teks yang berwarna merah merupakan alamat gambar untuk avatar anonymous. Sedangkan teks yang dicetak tebal merupakan ukuran avatar. Anda bisa ganti sesuai keinginan.
9. Kalu sudah simpan template anda. Selesai
Selamat mencoba. Semoga berhasil
wah menarik nih..thanks ya dah sharing..jgn lupa jga komen balik di blogku ya
BalasHapus@adrian okgan komentar balik siap nancap !!!
BalasHapusmantap juga gan,berhasil komen balik ya di wwww.kreativitasngeblog.com
BalasHapus@ Angga Ari Wardana : sip gan :D
BalasHapusWow keren juga ya mantabsss
BalasHapusWah wah bisa ngasih avatar deh di blog ane... makasih pencerahannya Gan
BalasHapuskeren mas tapi kayaknya kalau blog saya g ada gambarnya, mang g tak pasang gambarnya, untuk dapat meta tagnya post rank silakan daftar di postrank.com mas
BalasHapus@ iPaymu.com Pembayaran Online Indonesia : pastinya gan blog menjadi lebih keren..
BalasHapus@ Cepu : sama-sama
@ Rizkyzone : ok gan saya daftar dulu :D
@Ray Ferdian Post rank : Isi formulir disini mas : https://spreadsheets3.google.com/spreadsheet/viewform?formkey=dEx6OTNiUWNvLVc3S3BHZktDTFFoaFE6MQ
BalasHapusAku mau... coba.... ah........
BalasHapusSiip mas.. sangat berguna bgt lho... soalnya punyaku malah g ada avatarnya thx
BalasHapus@ Rizkyzone : ok gan, makasih.
BalasHapus@ Love is Blogger | Tips dan Trik Blogger | Tips dan Trik Seo : silahkan kawan. semoga berhasil :)
@ Naufal Aminur Rahman : sama-sama gan naufal.
Hadir sob:) kayak di suguhi teh anget , masuk disini :) thx sudah berkunjung ke NFS Reload
BalasHapus@ NFS Reload : Thanks Juga Sudah Berkunjung di blog saya :D
BalasHapusmantap gan... sukses...
BalasHapusmantab tutorialnya sobat, sudah saya terapkan di blog saya ....
BalasHapusmantap ne..
BalasHapusboleh di coba.. :)
salam
cheat ninja saga and tips blogger
hmmm... menarik juga, nanti dicoba deh. punyaku juga ga ada avatarnya :D
BalasHapussiippp bro infonya. coba ane pasang bs g ya.
BalasHapus