Menampilkan gravatar ke dalam comment
Posted on 03. Apr, 2009 by Antoro in Tutorial
Pasti kita pernah melihat blog yang muncul foto atau avatar pada komentarnya. Itu namanya gravatar. Kalau memang themes blog kita sudah dari sono nya support gravatar, nggak masalah. Orang yang sudah punya account di gravatar akan langsung muncul fotonya. Makanya, untuk mempunyai gravatar kita harus daftarkan email kita dulu di situsnya, namanya gravatar.com (masih sodara sama wordpress). Setelah itu, ketika kita masukkan email didalam comment form blog, otomatis email yang terdaftar di gravatar.com akan memanggil gambar kita ke dalam komentar.
Trus bagaimana kalau tema wordpress kita nggak support gravatar? tenang, ada caranya.
Tapi, wordpress kita harus wordpress 2.6 ke atas, kalo tidak, kita harus install plugin gravatar dulu. Oke, bagi yg wordpressnya sudah 2.6 ke atas. Lanjut…
Buka Appearance >> Editor, lalu pilih comment.php , edit code dalam komentar dengan menambahkan kode berikut:
<?php if(function_exists('get_avatar')) { echo get_avatar($comment, '50'); } ?>
kopy kode di atas, lalu paste seperti pada gambar dibawah ini (klik gambar untuk memperbesar)
lalu update file.
oh iya, ukuran gambar gravatar bisa diatur, kode diatas menggunakan ukuran 50, bisa diganti sampai sesuai selera.
Untuk mempercantik tampilannya (biar posisi gravatar terlihat bagus) , dalam themes editor, buka stylesheet.css , lalu masukkan kode berikut:
img.avatar {float:left; margin-right:5px;}
terus copy dan masukkan ke dalam stylesheet.css (paste di mana aja) , pencet update file, jadi deh.
Dan akhirnya, kita bisa tau muka orang yang coment di tempat kita (kalo mereka pasang gambar muka)
Artikel Terkait:
- Narsis di comment Ayo temen-temen yang punya blog baru, pada daftar di GRAVATAR.COM biar kalo kita comment, muka kita tampil di komentar...
- Rahasia SEO google ku terungkap! Hahaha... bukan rahasia sih sebenarnya... cara ini memang harus dilakukan oleh para blogger untuk membuat google lebih cepat meng-index blog kita....
- Cara membuat favourite icon/favicon di wordpress Sudah direvisi, thanks buat ade atas kritiknya… Tutorial ini berawal pas beli nih domain, temenku si fanza (yang punya blog dot com baru haha) tanya, “gimana sih caranya buat gambar kecil di kiri http//…. pada browser?” Oh, itu namanya favourite icon alias favicon. Favicon adalah gambar kecil berukuran 16 x...
- Hooy, setting yang bener donk wordpress kamu :hehehe: Masih tentang blog wordpress nih! 1. Discussion :cool: biasanya kalo blog masih baru, setting discussion nya ini nih kelupaan....
- Pasang smiley emoticons lucu di wordpress Karena makin banyak permintaan temen-temen bagaimana cara menginstal emoticons (seperti onion head, monkey, crazy rabbit emoticons)...
nurhidayat
Jul 2nd, 2009
makasih mas ilmunya semoga bermanfaaat amin.
BP™
Jul 17th, 2009
gravatar author saya kok ga bisa kluar yah mas? kalo pas saya bales komen pengunjung, gravatar author malah ngeblank. tapi pas saya komen di blog lain, trus ngisi nama, email & web, baru deh kluar. fiuuuhh.. ga enak banget pas jawab komen pengunjung, malah grav empunya blog ga muncul.. help dong! thx before (kalo di wordpress.com kan tinggal upload aja di profilenya. tapi di w.org ga ada yg begitu. help..)
posting terakhir blog BP™ adalah Satu Putaran Dua Kali Honor !!
BP™
Jul 17th, 2009
eh dah bisa mas, alhamdulillah. ternyata email yg saya masukin itu dobel. tak pikir bisa pk akun saya sebelum hosting sendiri. baru aja coba2 ganti email di wp adminnya, sukses kluar grav nya! horeee.. thx tutorial2nya..
posting terakhir blog BP™ adalah Satu Putaran Dua Kali Honor !!
pandjoel
Jul 21st, 2009
oh… ya udah… happy blogging!
Rusa Bawean™
Jul 23rd, 2009
waduhh
makasih banyak yaaaa
:)
juju
Agu 25th, 2009
ko kenapa avatarku kadang muncul kadang nggak ya?
pandjoel
Agu 25th, 2009
@juju: tuh avatarnya muncul disini… maksudnya avatar yang dimana nih?
nanangsya
Okt 22nd, 2009
mksh artikelnya,sangat berguna bagi saya yg baru belajar ngeblog.hehe…
Budi
Okt 24th, 2009
thx
faridi
Nov 21st, 2009
terima kasih infonya. ini yang saya cari. nice to meet you
analogikan
Des 30th, 2009
makasih mas infonya saya jadi tau……kunjung balik ya thx.
anggara
Feb 1st, 2010
salam kenal….trims infonya…..silakan kunjungi blog saya…trims
yopie
Mar 2nd, 2010
nice info mas,,,lgsung dicoba dech!!!trims
Pets
Mar 15th, 2010
Musti di coba-coba juga neh aplikasi di blogspot.
Padly Rahman
Mar 27th, 2010
Tengkyu Bos… Ini juga nyoba gravatar (tampil g ya?)
Antoro
Mar 27th, 2010
@Padly Rahman: tampil bro ^^! congrats… hehe
Antoro
Mar 27th, 2010
@pets: saya belum pernah mencoba di blogger, karena gravatar adalah suadaranya wordpress yang tergabung dalam http://automattic.com/
grandchief
Apr 7th, 2010
wah thanks mas infonya.dicoba dulu deh :D
Antoro
Apr 7th, 2010
sama sama ^^
Galang
Jun 15th, 2010
lagie nyari .. akhirnyah ketemu … tangkyu
Antoro
Jun 15th, 2010
@galang: sama2 semoga bisa membantu…
patrick
Jun 17th, 2010
mantap gan :)
Antoro
Jun 20th, 2010
@patrick: siiipppp
aa
Jul 3rd, 2010
makasih
Mas Gesang
Jul 13th, 2010
tes
Antoro
Jul 14th, 2010
@aa: sma2
Antoro
Jul 14th, 2010
@mas Gesang: tes apa ya mas? tes gravatar? :D
dwi jatmiko
Agu 18th, 2010
makasih mas infonya..salam kenal :)
Indovision
Agu 20th, 2010
Test … gravatar, ada ga ??