Meletakkan emoticon pada halaman posting^^

Hari Rabu 19 Mei yang lalu, akhirnya saya menemukan (lebih tepatnya menerapkan) cara untuk meletakkan emoticon2 di halaman untuk menulis posting seperti pada gambar berikut ini

gimana caranya

-------------------------------------------------------------------------------------------------

Bagi kebanyakan orang yang suka menambahkan gambar2 lucu pada saat menulis, chat, mengetik sms, atau apapun dengan maksud untuk memperlihatkan ekspresi, keberadaan emoticon sangatlah penting. Saya juga termasuk salah satu orang yang suka memakai emoticon. Hm.... tapi emoticon itu sebenarnya apa sih???

Untuk pengertian secara bahasa yang lengkap, saya sih ga' tahu apa itu emoticon . Tapi saya memiliki suatu gambaran mengenai emoticon dari 2 buah kata yang terkandung di dalamnya yaitu emotion + icon. So in my opinion, emoticon is an icon showing emotion and expressions of the writer. Icon2 yang digunakan tersebut dapat berupa simbol2 maupun gambar seperti yang saya pakai. Misal, untuk ekspresi senyum yang sederhana kita biasa menggunakan ' :) '. Selain itu, kita juga dapat menggunakan >>><<< (lucu banget kan ). Pokoknya dengan adanya emoticon dapat membuat tulisan ataupun pernyataan yang kita buat lebih memiliki makna dan lebih asyik. Lalu bagaimana caranya agar kita dapat menggunakan emoticon pada saat menulis posting

Sebenarnya ada cara yang cukup mudah, yaitu dengan cara mengcopykan url emoticon tersebut pada media 'tambah gambar' ketika kita menulis posting. Cara tersebut memang mudah tapi tidak praktis. Lagipula rasanya cape n ribet banget kalau kita harus bolak-balik copy url seperti itu . Nah... nah... cara yang satu lagi adalah membuatnya menjadi clickable... Kita dapat meletakkan emo2 tersebut di halaman posting. Jadi untuk menggunakannya tinggal klak-klik aja deh . Berikut ini adalah langkah-langkah yang harus dilakukan :
1. Anda harus mempunyai browser 'Mozilla Firefox' pada media tempat anda menulis (komputer, laptop, dll) karena browser ini memiliki add-on agar kita dapat menambahkan emo2 tersebut ke dalam blog (untuk browser yang lain saya belum tahu caranya).
2. Instal add-on mozilla firefox yang bernama 'Greasemonkey'. Anda dapat mencarinya secara manual. tapi kalau ga' mau ribet sih klik ini aja >>> Greasemonkey
3. Lalu install scriptnya disini >>> script
4. Kemudian login blogger anda. Lalu buka halaman postingnya dan lihat apakah emoticon2nya sudah ada (script tersebut menggunakan emoticon yahoo).
5. Yang terakhir adalah, buka kode template anda, cari kode "]]></b:skin>", lalu copy kode2 yang di bawah ini sebelum kode di atas :

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}

Langkah ini bertujuan untuk menghilangkan garis pembatas yang muncul di sekeliling emoticon

.

-selesai-

Lalu berikut ini adalah script2 emoticons yang lainnya. Untuk menginstall pada browser anda, cukup mengklik nama scriptnya .
>>> script naruto
>>> script hello kitty
>>> script pucca
>>> script pikachu

Apabila anda menginstal seluruh script tersebut, maka yang muncul adalah seluruh emoticons yang ada pada script. Jika anda tidak menyukainya, script tersebut dapat di uninstall dari browser anda. Caranya adalah :
Pada browser anda klik Tools >> Greasemonkey >> Manage User Scripts
Lalu akan muncul window seperti ini


Pilih nama script pada kolom sebelah kiri, lalu klik uninstall. Mudah bukan ...

Lalu bagaimana jika anda ingin menentukan emoticon anda sendiri
Seperti saya misalnya.... Saya menggunakan emoticon piggy . Pertama-tama anda harus menemukan url gambar2 yang anda inginkan, atau anda juga dapat menguploadnya sendiri melalui website lain, lalu gunakan urlnya pada script tersebut. Lalu anda buka scriptnya menggunakan notepad/notepad++. Lalu cari kode yang strukturnya seperti ini

"buttons += emoticonButton("dukung", "http://forum.lytogame.com/images/emoticon/pw/Piggy/dukung.gif");"

Lalu ganti urlnya dengan url gambar yang anda inginkan. Dengan begitu anda bisa menentukan emoticons anda sendiri dan sebanyak yang anda inginkan . Jangan lupa menyesuaikan lebar dan tinggi gambar tersebut. Hal itu perlu dilakukan agar emo anda tidak terlalu besar ataupun kecil. Anda cukup mencari kode ini pada script emo anda

"img class=\\\"emoticon\\\" src=\\\""+url+"\\\" width=\\\"50\\\" height=\\\"50\\\..."

tinggal gonta ganti aja width n height-nya.


Silahkan lakukan langkah2 tersebut bila anda ingin mempunyai emo yang clickable pada halaman posting Anda. Insya Allah berhasil . Apabila anda gagal , mungkin ada langkah2 yang lupa anda kerjakan . Apabila anda merasa semua langkah telah diikuti tetapi masih gagal juga ? Mungkin firefox anda tidak compatible untuk add-on Greasemonkey dan anda harus install yang baru dan lebih up to date. Jika masih gagal ?
............................ ganbate ne.... don't give up.... coba terus sampai bisa

selamat mencoba

yihaaaaaaaaaaaaaaaaaaaaaaa......... bye bye

note : special thanks to Bang Del for the articles