25 Aug

Gravatar Activated!

Gravatar

Boku Baka Blog sekarang telah mendukung gravatar. Hehehe telat ya? biarin :p. Soalnya susah-susah gampang juga nyari referensi tentang implementasi langsung gravatar ini, apalagi yang bahasa indonesia. Jadi bagi yang belum terlalu tahu soal gravatar ini silahkan baca-baca aja yah, siapa tahu berguna. Kalo yang dah tahu ya tetep aja baca-baca ya siapa tahu bisa ngasih koreksi kalo ada yang salah.

• Apa itu gravatar?
Gravatar secara literal adalah singkatan dari globally recognized avatar. Nah kalau yang masih belum tahu lagi, apa itu avatar? Avatar adalah foto / logo yang mewakili dirimu. Misalkan di forum web, tiap member biasanya mempunyai avatar kan? Yang muncul disebelah tiap postingan yang mereka buat. Gunanya ya sederhana saja, buat tanda pengenal. Mata kita lebih respon dan lebih menikmati gambar si poster (orang yang ngepost) daripada kata-kata posted by : xxx.
Nah selama ini dengan avatar biasa kita harus menentukan avatar masing-masing untuk tiap forum / blog / komunitas yang kita ikuti. Ada juga yang menyuruh kita mengupload gambar sendiri atau memilih dari berbagai avatar yang disediakan di server mereka. Nah gravatar ini mengambil konsep satu avatar untuk semuanya. Dengan kata lain kita cukup mempunyai satu avatar (yang disimpan di server gravatar) dan kemudian tiap situs dengan fasilitas gravatar enabled bisa secara otomatis mengambil data avatar user dari server gravatar. Praktis kan? Bisa dibilang gravatar adalah wajah kita di internet. Dimanapun situs yang kita ikuti, wajah kita akan senantiasa nongol.

• Kok bisa begitu?
Email adalah kuncinya. Setiap kita berinteraksi dengan situs gravatar enabled yang kita kunjungi dan kita mencantumkan alamat email (misalnya pada saat memberikan komentar pada blog) maka server gravatar akan dihubungi dan akan memberikan respon berupa gambar avatar yang sesuai dengan alamat email yang kita masukan. Konsep gravatar lebih tepat disebut sebagai satu avatar untuk satu email dibandingkan satu avatar untuk satu orang. Artinya kalau kita mempunyai email lebih dari satu, bisa saja kita mendaftar ke gravatar dengan mencantumkan gambar avatar yang berlainan. Tapi ini tentunya tindakan yang goblok juga, soalnya bertentangan dengan konsep semula.

• Bagaimana cara dapatin gravatar?
Kamu tidak perlu punya situs sendiri untuk bisa mempunyai gravatar. Yang jelas harus punya email dulu.

  1. Siapkan Avatar
    Langkah pertama adalah menyiapkan gambar avatar yang ingin kamu pakai. Pastikan juga kamu benar-benar menyukainya, karena gambar ini akan ngikut kemanapun kamu menjelajah web. Tapi jangan khawatir juga ding, nanti juga bisa diganti kok. Gambar avatar ini ukurannya 80px kali 80px, kurang dari itu juga boleh sih. Kalo belum ngerti tentang pixel, coba konsultasi ke techno geek terdekat yang kamu kenal.
  2. Kunjungi Gravatar
    Langkah berikutnya adalah mengunjungi gravatar.com kemudian signup. Kamu akan disuruh memasukkan alamat email untuk kemudian dikirimi email konfirmasi (biasanya instan). Perikasa inbox mailmu kemudian klik link konfirmasi yang diberikan gravatar. Ikuti saja kemudian pada kamu akan diuruh mengupload gambar avatarmu (lewat web biasa tentunya). Selesai.
  3. Gravatar Rating
    Tapi tunggu dulu, gravatarmu masih belum bisa dipakai. Kenapa? Karena harus menunggu rating dari pihak gravatar. Rating? Ya. Semua gravatar mempunyai rating. Rating ini gunanya untuk memilah-milah gravatar berdasarkan kontentnya. Soalnya orang di dunia ini kan bermacam-macam. Ada yang gravatarnya sederhana cuma foto wajahnya, ada yang pakai gambar logo, ada yang pakai gambar kartun dan ada juga yang memakai gambar xxx dan gambar kekerasan. Para pemilik situ tentunya gak suka kalau tahu-tahu di situsnya ada gambar xxx yang ternyata adalah gravatarnya seseorang. Rating ini berguna bagi para pemilik situs untuk membatasi tampilan gravatar di situsnya. Rating berkisar antara G, PG, R, dan X. G ini paling normal sementara X paling menjijikan. Proses pemberian rating ini berlangsung sekitar 1-2 hari (dulu aku cuma sehari). Setelah itu kamu akan menerima email lagi dari gravatar bahwa avatarmu sudah diberi rating dan siap digunakan.

• Gravatar Instalation
Nah batgi pemilik situs bisa mengimplementasikan gravatar ini dengan cukup mudah, soalnya di gravatar sendiri maupun diluar (hack) banyak tersedia plugin-plugin gravatar yang siap kita gunakan sesuai dengan platform yang kita pakai. Nah karena aku adalah pengguna wordpress maka inilah sedikit tutorial bagaimana cara mengaktifkan gravatar di wordpress. Untuk CMS yang lain bisa dilihat di situs gravatar.

  1. Download plugin gravatar.
  2. Plugin gravatar untuk wordpress bisa didownload di alamat gravatar di sini
  3. Ekstrak file tersebut dan taruh di folder : http://www.situsmu.com/instalasi_wordpress/wp-content/plugin/
  4. Login ke wordpress
  5. Klik tab presentation
  6. Di sini akan ditampilkan semua plugin yang tersedia. Klik link activate dibelah keterangan plugin gravatar untuk mengaktifkannya. selesai.

• Gravatar Implementation
Sekarang gravatar telah aktif di situsmu, tapi tunggu dulu. Belum selesai. Sekarang tinggal implementasi gravatarnya. Pertannyaanya adalah : OK, kau sudah punya gravatar, terus mau ditaruh di mana? Bagi sebuah blog, yang menerima input email dari pengunjung tentu saja adalah bagian komentar (comment) Nah mari kita kesana.

  1. Klik tab presentation pada panel administrasi wordpress
  2. Klik sub-tab theme editor. Ini akan membuka halaman editor bagi theme wordpress yang sedang dipakai sekarang.
  3. Pada daftar file theme tersebut. Klik pada comment template
  4. Pada loop comment tersebut masukkan link avatar yang akan digenerate nanti oleh gravatar. Pada theme-theme standard, misalnya theme turunan dari kubrick, Link avatar bisa diletakkan setelah kode < ?php if ( $comments ) : ?>
  5. Atau jika thmes-yang kau gunakan benar-benar lain, kau bisa coba-coba dulu kira-kira diletakkan di mana, yang jelas masukkan di dalam fungsi loop comment.(trial and error sih :))

• Mengatur Tampilan Gravatar
Link standar bagi gravatar adalah sebagai berikut :

< ?php gravatar(); ?>
Ini merupakan implementasi gravatar yang paling sedrhana (memperbolehkan semua avatar dengan rating apa saja, dengan resolusi standard 80×80 dan tanpa border). Tentu saja ini bisa diganti misalnya dengan
< ?php gravatar("R", 40); ?>
Ini akan menghasilkan gravatar dengan rating maksimal R (rating X tidak akan ditampilkan) dan resolusinya 40×40. Urutan parameter gravatar secar lengkap adalah sebagai berikut :
< ?php gravatar({rating{, size{, default{, border}}}}) ?>
Kalau misal ingin membiarkan parameter tertentu dengan nilai defaultnya, sementara ada parameter selanjutnya ada yang ingin diubah maka masukkan saja string kosong untuk parameter default. Kau juga bisa memunculkan gambar default apabila user tidak memiliki gravatar, dengan parameter seperti ini :
< ?php gravatar("R", 40, "http://www.manasaja.com/avatar_default.jpg"); ?>
Ingat bahwa script diatas hanyalah meng-generate url gambar, jadi kamu juga harus menyertakan tag <img> misalnya :
<img src="<?php gravatar() ?/>" alt="Avatarnya komentator" />

Untuk Boku Baka Blog sendiri, scriptnya adalah seperti ini :

<img src="<?php gravatar("R", 40, "http://www.blog.budiyono.net/defaultav.gif", "FFFFFF"); ?/>" alt="Avatar-nya komentator" align="right" width="40" height="40" />

Aku buat gravatarnya muncul disebelah kanan komentar, ukurannya 40×40 dan memunculkan gambar defaultav.gif bila user tidak mempunyai gravatar.

Selesailah semuanya, sekarang pengunjung situsmu bisa kelihatan mukanya :) Untuk lebih jelasnya kosultasikan ke gravatar.com atau forum masing-masing CMS-mu. Happy Blogging! Praktiknya lihat Boku Baka Blog ini, tiap commentnya dah ada avatarnya kan? Susah juga ya nulis tutorial, memunculkan tulisan scrpit diatas HTML ternyata bikin emosi!

30 thoughts on “Gravatar Activated!

  1. tolong saya gimana buat kolom kometra seperti ini sekedar informasi saya udah login di halloscan.com tapi nga ada tuch tampilannya seperti ini tampilan dari halloscan cm berupa pop! tolong ya salam kenal dan jangan lupa mampir di “rumah web” gw

  2. Oya, ada yang kurang cara dapetin gravatar_id. Soalnya waktu pertama bikin sempat kebingunan juga caranya. Terus setelah daftar ga muncul2 (takutnya gravatar_id-nya salah). Ternyata mesti nunggu Rating sehari atau dua hari toh. Ta’ pikir rating kita yang nentuin sendiri :-)

  3. gw dah register di gravatar.com pake email yg gw pake komen ini, dah aktivasi + upload pic di akon gw, trus dah add kode seperti di artikel diatas pula (gw pake GlossyBlue 1.4 juga) tapi koq belum nongol juga yach avatar gw :( padahal gw dah daftar sekitar seminggu lalu :( kasih tau dong solusinya, pliiiss.

  4. waduuuh…punyaku dah nongol blom yah avatarnya…hehhe baru daftar barusan..tes ah..kayanya musti nunggu dirating sama gravatarnya yah?? sabar aja deh…thanks infonya mas…

  5. Makasih banyak tutorialnya bro :), akhirnya blog ku bisa nampilkan Gravatar, cmn blm bergambar foto yak ? apanya yg musti di rubah lagi …( garuk2 kepala mode ON)

Leave a Reply to ian Cancel reply

Your email address will not be published. Required fields are marked *