Hakimtea™

Avatar…? Ya saya sangat senang sekali nonton The Legend Of Aang sang Avatar yang menguasai keempat elemen; Udara, Air, Bumi dan Api. Tapi bukan Avatar Aang ini yang ingin saya bicarakan melainkan Avatar yang berhubungan dengan dunia blogging tentu saja dan berhubungan dengan judul diatas pastinya.

Namun tidak ada salahnya saya sedikit bicara tentang The Legend of Aang sang Avatar yang telah lama dinanti, untung saja setelah 100 tahun menghilang dia ditemukan membeku pada gumpalan es bersama Appa banteng terbangnya oleh pengembara kakak beradik dari suku Air; Katara dan sakka. Sepertinya Avatar Aang satu-satunya kartun dari nickelodeon yang saya sukai selain SpongeBob SquarePants itu juga karena terpaksa kalah rebutan remote sama adik hehe

Oke, cukup ngomongin The Legend of Aang saatnya ngomongin Avatar yang saya maksud di dunia blogging. Ada beberapa pertanyaan mengenai avatar masuk melalui form kontak dan email, dari beberapa pertanyaan tersebut inti pertanyaannya dua:

1. Bagaimana menampilkan avatar blogger yang berkomentar di blog kita?
2. Bagaimana agar avatar (photo) kita muncul pada komentar di blog orang lain?

Untuk pertanyaan pertama, jika blog Anda wordpress self hosted kemudian theme tidak compatible dengan avatar maka memerlukan plugin tambahan, namun untuk pengguna wordpress.com (gratisan) tidak perlu karena sudah tersedia itupun tergantung pula theme yang digunakan namun kebanyakan sudah compatible dengan avatar a.k.a ketika teman blogger Anda berkomentar maka avatarnya akan muncul di samping komentar.

Sebenarnya saya telah sedikit menyinggung tentang plugin avatar ini pada postingan terdahulu tentang Plugins Komentar Wordpress Plus Plus, namun saya sendiri lebih memilih dan merekomendasikan plugin Easy Gravatars untuk menampilkan avatar para komentator di blog ini. Download dahulu plugin Easy Gravatar lalu instal dan aktifkan kemudian setting plugin easy gravatars Anda pada dashboard Setting > Easy Gravatars.

Ada dua setting options di sana; General Options dan Advanced Options. Pada General Options, Size, in pixels (maximum:80): saya kasih 40 saja untuk ukuran avatar sedang, jadi tidak terlalu kecil dan tidak terlalu besar. Pada Allowed Ratting saya pilih G (general) agar avatar yang tampil adalah avatar yang aman untuk dilihat anak-anak pada Default image url simpan image url gambar pilihan Anda, saya sendiri menyimpan image url mystery man (ini untuk komentator yang tidak punya avatar).

Lalu pada Option kedua, Advanced Options pada Span style saya setting agar avatar komentator berada di sebelah kiri nama komentator, maka tag span yang saya masukkan adalah float:left; margin-right:10px; display:block lalu pada API Hook saya pilih Comment Author Link. Nah untuk ringkasnya settingnya jadi seperti berikut ini,

General Options
Size, in pixels (maximum:80): 40
Allowed Ratting: G
Default image url : http://hakimtea.com/wp-content/uploads/2008/06/comment4hakimtea.gif (jika mau menggunakan default avatar ini harap mengupload pada wordpress Anda sendiri)

Advanced Options
Span style: float:left; margin-right:10px; display:block
API Hook: Comment Author Link

Jika setting sudah beres tinggal klik Update Option, selesai… tinggal menunggu para komentator yang berkomentar Anda akan lihat avatarnya seperti apa.

Tunggu dulu… bagaimana jika Anda sendiri yang berkomentar di blog orang lain dan ingin avatar Anda muncul pada komentar blog tersebut…?!?

Nah ini untuk menjawab pertanyaan kedua. Sebelumnya perlu diperhatikan bahwa avatar yang muncul pada komentar adalah berasal dari alamat email yang Anda masukan (pada blog wordpress). Agar avatar Anda muncul di blog berplatform apa saja (termasuk wordpress) maka daftarkan email Anda di en.gravatar.com. Klik sign up di bagian kiri atas kemudian masukan Alamat email Anda dan klik tombol Sign up. Pihak gravatar akan mengirimkan email konfirmasi pada email yang Anda daftarkan, periksa email Anda dan klik link aktivasi yang diberikan gravatar.

Setelah link aktivasi terbuka Anda akan diminta memasukkan Nickname (untuk login nanti) dan password kemudian baru klik Sign Up. Setelah itu Anda akan dibawa ke halaman akun gravatar untuk memasukkan avatar (photo) yang Anda punya. Nah pada tulisan Whoops, looks like you dont have any images yet! Add one by clicking here! Untuk memasukkan avatar Anda klik Add one by clicking here! Disana ada tiga pilihan Anda akan memasukan avatar dari komputer (My computer’s hard drive), dari internet (An image on the internet) atau akun wordpress.com (Your WordPress.com Avatar)…?

Jika Anda punya photo di komputer maka klik My computer’s hard drive lalu klik browse dan pilih photo dari komputer, setelah dipilih klik next. Anda akan dibawa pada halaman untuk menggunakan keahlian Anda menggunakan mouse silahkan atur besar kecil avatar Anda. Jika sudah klik Crop and Finish. Lalu nilai (rating) photo Anda dengan jujur, jika aman untuk dilihat semua orang maka klik Rated G. Setelah itu klik gambar avatar Anda yang berada di bawah tulisan Choose an image (below) to use for the selected email (above) or add a new one, klik avatar Anda dan Klik Confim.

Beres…! Kini Anda bisa berkomentar di blog mana saja dan avatar Anda akan terlihat… Selamat mencoba dan selamat bernarsis ria…

PS: Mohon maaf tidak menambahkan penjelasan mengunaan screenshot. Namun saya rasa tips diatas cukup mudah. Selamat mencoba. Salam Blogging dan Berbagi…

Jika ada yg kurang silahkan menambahkan pada komentar… terimakasih…!

Popularity: 3% [?]

• Pagi Hingga Sore, Hakimtea.com Tidak Bisa Diakses
Pagi sampai sore ini Hakimtea.com tidak bisa diakses, masalahnya pihak hyperwebenable selaku penyedia domain dan hosting gratis ini tengah memindahkan
• Tiga Jasa Web Untuk Menampilkan Kode HTML Pada Postingan
Sebenarnya untuk menampilkan kode HTML pada postingan blog (sebagai contoh kode HTML) pernah saya singgung sedikit dalam keterangan tentang cara
• CMS dan Plugins Komentar Wordpress Plus Plus
Sebenarnya tulisan ini merupakan draft dari dua subject berbeda yang berbelok pembahasan, digabungkan berdasarkan komentar/pertanyaan yang masuk pada postingan sebelumnya
• Tampilkan Status Online YM
Pemilik blog atau website bisa menampilkan status online yahoo messenger dengan memasukan kode html di element html tambahan. Jadi pengunjung
• Selamat! Anda Termasuk Top Komentator
Mulai kemarin sebelum postingan ini publish saya menginstal Top Commentators Plugin di blog ini hasil modifikasi Carsten Albrecht berdasarkan