Postingan ini saya gunakan untuk menulis tentang cara membuat gambar avatar. Sebenarnya bukan benar-benar cara untuk membuat gambarnya, tapi lebih tepat disebut sebagai cara menyiapkan sebuah avatar. Karena untuk membuat gambar tentunya itu kembali pada keinginan, kreativitas beserta imajinasi Anda.
Avatar bisa diartikan sebagai sebuah ikon gambar yang melambangkan sesuatu. Secara standar, wordpress menggunakan Gravatar. Gampangnya, silahkan dilihat pada beberapa blog yang mempunyai tempat komentar pengunjung. Pada tempat komentar, biasa terdapat gambar-gambar kecil yang menunjukkan foto orang yang berkomentar. Misalnya pada blog yang bagus ini. ( glodak! )
Beberapa hari kemarin waktu saya mampir ke “rumah” ibunya Aisalwa, saya melihat ada avatar-avatar pengunjung yang berkomentar. Setelah itu saya timbul keinginan untuk menampilkan juga avatar pengunjung di blog ini.
Dari tempat aslinya, themes yang saya gunakan ini tidak menampilkan avatar pengunjung. Jadi agak susah untuk menampilkan avatarnya. Jika menggunakan wordpress versi 2.5 atau 2.6, ada pilihan baru pada menu Settings > Discussion. Tapi belum tahu juga apakah bisa digunakan langsung jika themes tidak mendukung.
Jika blog Anda dihosting di wordpress juga (misalnya NAMABLOG.wordpress.com), tidak perlu repot-repot lagi karena sudah langsung bisa muncul avatarnya jika Anda mempunyai fotonya.
Untuk menampilkan avatar, jika menggunakan wordpress dengan hosting sendiri, maka perlu menginstall plugin tentang avatar. Namun kita juga bisa menampilkannya hanya dengan menambahkan beberapa “mantera”, misalnya seperti dibawah ini:
Karena saya sendiri awam dalam hal CSS dan sebangsanya, maka kode-kode tersebut diatas saya contoh dari themes wordpress lain yang mendukung avatar. Kode-kode ini terdapat juga pada halaman implementasi gravatar.
Kode-kode tersebut di letakkan pada file comments.php, pada sekitar kode php comment_author_link, atau php comment_text.
Kemudian untuk mengatur penempatan gambar avatar, saya menggunakan kode < span style = " float: left " >. Hasilnya, gambar avatar bisa berada di sebelah kiri komentar. Namun ini hanya terjadi jika dibuka dengan browser Mozilla Firefox dan Opera. Di Internet Explorer 7, apalagi yang versi 6, gambar avatar tidak bisa terletak dikiri komentar, tapi tetap di atas komentar. Sepertinya masih ada kesalahan pada nilai margin yang saya gunakan. Bagi para pembaca yang masih menggunakan Internet Explorer versi 6, sudah saatnya Anda beralih ke versi 7. Kalau saran saya, gunakan Mozilla Firefox, atau Opera.
Apabila Anda ingin agar foto / gambar avatar Anda tampil di blog ini atau di situs lain yang mendukung gravatar, Anda harus menggunakan email yang sudah pernah Anda daftarkan avatarnya.
Kalau Anda belum mempunyai avatar, berikut ini cara untuk mendaftarkan foto / gambar Anda.
Langkah 1
Buatlah sebuah gambar dulu untuk dijadikan avatar. Misalnya foto Anda sendiri, baik yang masih asli ataupun yang sudah diedit dengan Photoshop. Gambar tersebut harus kita buat menjadi berukuran sama pada panjang dan lebarnya (membentuk bujur sangkar). Walaupun ini sebenarnya sudah akan tersedia juga saat Anda mendaftarkan foto Anda sebagai Avatar, namun akan lebih enak juga jika sejak awal sudah kita siapkan foto dengan ukuran yang sesuai.
Cara yang mudah untuk membuat sebuah foto berukuran sama panjang dan lebarnya adalah dengan menggunakan Crop Tool. Pilihlah Crop Tool, kemudian buat sebuah gambar kotak menggunakan crop tool tersebut pada foto. Perlu diingat, agar ukuran kotak crop tersebut sama panjang dan lebarnya, maka saat membuat gambar kotak harus sambil menekan tombol Shift.
Sesuaikan ukuran dan letak daerah Crop, kemudian tekan Enter untuk memotong gambar sesuai ukuran kotak crop. Ukuran panjang dan lebar keseluruhan gambar tidak terlalu berpengaruh, karena ukuran avatar hasil jadi biasanya sudah tertentu.
Langkah 2
Simpan file-nya dengan fromat jpeg / jpg.
Langkah 3
Sekarang buka www.gravatar.com
![]()
Langkah 4
Klik tulisan Sign up Now!
Isikan alamat email Anda, kemudian klik tombol Signup.
Langkah 5
Buka inbox email Anda, kemudian carilah email yang datang dari Gravatar. Setelah Anda buka email tersebut, klik tautan yang ada di email tersebut untuk mem-verifikasi pendaftaran Anda. Secara otomatis, Anda akan masuk ke account Anda di gravatar dan harus mengisikan beberapa data.
Data yang harus diisikan tersebut, adalah Nickname (silahkan cepat-cepat mendaftar, sebelum nama yang Anda inginkan dipakai orang lain), Password (diisikan sebanyak dua kali). Kemudian klik Signup.
Langkah 6
Untuk memilih gambar avatar, caranya dengan klik pada tulisan Add one by clicking here!. Kemudian pilih sumber gambar. Untuk membuka gambar yang sudah tersimpan di komputer, maka pilihlah My computer’s hard drive.
Setelah itu, klik Browse, cari file yang akan Anda gunakan sebagai avatar. Kemudian klik Next.
Langkah 7
Ubahlah ukuran kotak yang berwarna terang sesuai dengan ukuran foto yang anda inginkan. Apabila foto ini sebelumnya belum di-crop, langkah ini adalah untuk menyesuaikan panjang dan lebarnya.
![]()
Setelah ukuran sesuai, klik tombol Crop and Finish!
Langkah 8
Pilihlah tingkat penilaian sosial tentang avatar Anda ini.
![]()
Terdapat empat pilihan, berikut ini penafsiran saya sendiri:
Langkah pembuatan avatar di gravatar sudah jadi. Setelah ini, jika Anda ingin avatar Anda muncul pada blog-blog yang mendukung gravatar, Anda tinggal menggunakan email yang Anda daftarkan tadi saat memberikan komentar.


bermanfaat lah!
PertamaX !!!
*celingak-celinguk … bener nih yang pertama ? ( tumben … )
*set mode on malu-malu (tersanjung nih namaku di link )
GLODAK !!!
ramadhani_interfans@ymail.com
jadi temen email ku ya
Buat ozan: Terima kasih atas komentarnya.
Buat aisalwa: Maaf, hari ini saya sedang sakit, jadi tidak bisa segera meng-approve komentar.
Malu-malu banget, sampai avatarmu nggak dipasang.
mbah
baca
koment
praktek
Buat Ronggo: Ya.
thx elmunya .. sempet lupa nih hehehe.. salam kenal mbah
Buat mascayo: Salam kenal juga.
wah… nambah 1 nih pengetahuan aq
Buat tiafri: Silahkan langsung dicoba juga.
makasih bgt ya mas atas tutorialnya!!!! semoga mendapatkan balasan yang besar dari Tuhan Yang Maha Esa!
Buat sujianto: Terima kasih atas doa Anda.
pagi mbah… he2. numpang baca. lam kenal
Buat aha: Salam kenal juga.
makasih mas infonya, langsung praktekin nich
hoereee.. langsung berhasil..
Buat Benny: Iya, avatarnya sudah muncul.
Tengkiyu banget dah mas, jadi bertambah lagi neh ilmu, makasih yah mas, sekalian mencoba apa gravatarnya dah muncul
Buat andi sukri: Gravatarnya sudah muncul. Terima kasih atas komentarnya.
Mas mkasih atas smua ilmunya.Ini saya coba test foto avatar saya.
Buar rendra: Terima kasih kembali. Tesnya berhasil.
tq tq bos
Makasih tutorialnya, dah saya praktekkan langsung berhasil avatarnya.
Untuk wordpress, aku pakai hosting sendiri, bisa langsung muncul tanpa nambah “mantera”

Apa ini karena dukungan theme yang aku pakai. Harap maklum aku baru mulai ngeblog dan belum tahu banyak
Buat Qisthon: Memang ada beberapa theme yang sudah mendukung avatar. Kode2 php tersebut juga saya adaptasi dari theme lain.
makasih yah………….
aq lagi coba neh buat avatar jadi ngga ych…?? berkat mbah neee!! aq jd bisa buatnya…thanx infonya yupzzz…
Buat divar: Terima kasih kembali.
Buat nunue19jul: Avatarnya jadi kok.
mas, gimana kalo mo nambahin gravatar nya ke side bar,.misalnya ke about box gitu???
AKu blum paham gimana ngegunainnnya
Buat noer: Setahu saya gravatar itu sebagai tanda pengenal saat kita berada “di tempat orang lain” (sedang komentar di blog lain misalnya). Kalau about itu kan milik yang punya blog, tentunya kita tidak login sebagai pembaca bukan? Kalau di blog ini, about itu saya pasangi gambar sendiri, tidak menggunakan gravatar. Mungkin ada juga kode2 untuk menampilkan gravatar sebagai foto pemilik blog, seperti blog di wordpress yang id kita bisa dipasangi foto, tapi saya sama sekali tidak paham bahasa PHP / CSS.
Barangkali ada pembaca lain yang bisa membantu menjawab pertanyaan noer? Silahkan di-sharing disini.
Udah mas,.udah terpecahkan,.ternyata cuman nambahin email or ID.
Thanks
wah keren tapi kasih tutorial yang lain donk,
terima kasih
Buat maulana: Tutorial tentang apa ya?
Tapi yang ini saja kok belum dipraktekkan? Itu belum muncul avatarnya.
makasih mbah dewo saya jadi bisa belajar dengan cepat adobe photoshopnya…
habis kalo baca help / buku nya males nerjemahin bhs inggrisnya…he he..
he.
semoga ilmunya jadi amal yang langgeng ngalir ke account amal ente..
siplah orang orang baik..kayak mbah dewo pasti banyak temenne.
wasalam
Amiin. Agar lebih banyak referensinya, tetap harus belajar bahasa Inggris juga ya.
Mbah,jgn bosen ya ama aku… aku mau tanya,kalo ga punya blog apa masih bisa bikin avatar buat muncul dikomen box? apa bisa cuma dgn modal email mbah?krn aku ga punya blog di wordpress ini mbah…minta pencerahannya ya mbah…
-regards-
Bisa saja. Memang modalnya cuma email kok. Kalau sudah membuat, setiap mengisi komentar di blog, gunakan email yang sudah diberi gravatar tersebut.
coba dulu ah.. thanks mbah
Sudah muncul gravatarnya.
Comment tanpa avatar bagaikan bumbu tanpa garam………
Tepat sekali.
Dengan menggunakan avatar bisa lebih menunjukkan identitas penulis komentar. Dan yang pasti bahwa penulis komentar benar2 menggunakan email yang sesungguhnya, bukan email bohongan.
Bagi para pembaca dan teman2 yang belum mempunyai avatar saya persilahkan segera membuat, gratis kok, dan tidak usah malu2 kalau wajah cakep Anda kelihatan di blog ini ataupun di tiap blog yang Anda komentari (yang ada fasilitas avatarnya).
Terima kasih banyak mbah Dewo,photoshop tips memang good dan mudah di mengerti semoga mbah Dewo makin banyak rejekinya dan cepat dapat pendamping
wassallam
Amiin
Thank’s
Coba avatar nih
Thanks
artikel yang berguna nih…
numpang tes avatar ya mbah…
Avatarnya sudah muncul mas boywashington
MBAH…….BISA BUAT EFEK SAYATAN PADA MUKA GA…???
KAYAK KAKASHI DI FILM NARUTO…
HEHEHEHEHE….
Beberapa tahun yang lalu pernah membuat gambar codet tapi sudah lupa caranya mas didik. Kapan-kapan saya coba tuliskan kalau sudah ingat caranya.
Makasih banget
Terima kasih banget juga June.
wah bagus tu bos,,,,,,
bagus
Terima kasih rano1. Sekalian dicoba avatarnya.
Thanks for infonya
Manfaat…banget,mas.
Thanks
Terima kasih iqbal. Sekalian dicoba avatarnya.
lam kenal Mbah.
Skalian nyobain avatar saya.
Top uuuuuabis dech blognya.
Salam kenal juga Adhit. Avatarnya sudah kelihatan.
lam kenal embah
nama Q ricky
Q suka banget ama photoshop
mbah tau gak cara bersihin foto secara auto.
kayak yang di studio foto ntu.
Salam kenal juga Ricky. Kalau yang secara otomatis saya kurang tahu, biasanya saya pakai photoshop.
Sangat membantu sekali postingannya….,salam kenal & makasih…
Salam kenal dan terima kasih kembali Teddy.
terima kasih artikelnya mas..mantaaaaaaaaaps..
Avatarnya juga mantap mas Adi, gambar naga.
thnks for the info bro…
thx inponyaaa…
thanks tipsnya……..
tambah temen tambah ilmu, slm knl Mbah…
sangat bermanfaat infonya..thx for sharing yah
terima kasih gavatar sekarang aQ bisa mempunyai avatar ku sendiri
Ko langkah 7 ngak muncul-muncul. jadi gak bisa ngecrop gambar sesuai keinginan, gimana nih…
thanks, langsung coba
udah aq coba b’kali2 tapi koq ga’ bisa2???
kasih cara yg bnr2 connect n jls + komplit donx…
Terima kasih atas bimbingannya
Thx…………..Tp, kasih conto yg lbh jelas
mas, bisa kasih tutor yg lain ttg photoshop yg lebih seru dan menghasilkan gambar yang bagus kayak bikin efek bayangan yang bagus atau semacamnya?
ditunggu yah..
thx
coba dulu ah…
trimakasih infonya om..
Wuish..mbah muantap banget… minat mendalami photoshop muncul kembali setelah berkali kali maen kesini…
Suwun mbah..
tolongin dunk…
buatin avatar aq???
Makasih banget informasinya, postingan anda telah membantuku. salam kenal
Test,,,Mudah2an dah Muncul avatarNya