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 ![victory victory](http://forum.lytogame.com/images/emoticon/pw/Piggy/victory.gif)
![victory victory](http://forum.lytogame.com/images/emoticon/pw/Piggy/victory.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_vQScgWbbDYHMAM1cBWI_ZyOhGt1l72w71f9KDxbPni_J3fywMPxIFur7LadqWsygsy2zgQb90xhPfdCmXpesOYjc-BPhOPb_HJkOkrOVWdklWXoKcjMVmMAL3FC7aImKSTWtZ-Cl9kI/s400/posting.jpg)
gimana caranya
![ragu ragu](http://forum.lytogame.com/images/emoticon/pw/Piggy/ragu.gif)
-------------------------------------------------------------------------------------------------
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???![lemas lemas](http://forum.lytogame.com/images/emoticon/pw/Piggy/lemas.gif)
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![ragu ragu](http://forum.lytogame.com/images/emoticon/pw/Piggy/ragu.gif)
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![lucu lucu](http://forum.lytogame.com/images/emoticon/pw/Piggy/lucu.gif)
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 :
![lemas lemas](http://forum.lytogame.com/images/emoticon/pw/Piggy/lemas.gif)
Untuk pengertian secara bahasa yang lengkap, saya sih ga' tahu apa itu emoticon
![hihihi hihihi](http://forum.lytogame.com/images/emoticon/pw/Piggy/menahan%20tawa.gif)
![senyum senyum](http://forum.lytogame.com/images/emoticon/pw/Piggy/senyum.gif)
![kacau kacau](http://forum.lytogame.com/images/emoticon/pw/Piggy/kacau.gif)
![ragu ragu](http://forum.lytogame.com/images/emoticon/pw/Piggy/ragu.gif)
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
![sweat sweat](http://forum.lytogame.com/images/emoticon/pw/Piggy/sweat.gif)
![licik licik](http://forum.lytogame.com/images/emoticon/pw/Piggy/licik.gif)
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
![malu malu](http://forum.lytogame.com/images/emoticon/pw/Piggy/malu.gif)
2. Instal add-on mozilla firefox yang bernama 'Greasemonkey'. Anda dapat mencarinya secara manual. tapi kalau ga' mau ribet sih klik ini aja >>> Greasemonkey
![lucu lucu](http://forum.lytogame.com/images/emoticon/pw/Piggy/lucu.gif)
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 emoticonpadding: 0;
margin: 0;
border: 0;
}
![senyum senyum](http://forum.lytogame.com/images/emoticon/pw/Piggy/senyum.gif)
-selesai-
Lalu berikut ini adalah script2 emoticons yang lainnya. Untuk menginstall pada browser anda, cukup mengklik nama scriptnya
![lega lega](http://forum.lytogame.com/images/emoticon/pw/Piggy/lega.gif)
>>> 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
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv_SgYgE4zjnLzcl8j8jUczLPZ-FSTewvA_MPBsid9cFpmGqewN4GzgHcFqAGgPzUbUzSf8HdXWdM2ayqaNOPPvmCywR6t-FDoXXJiG-f3p1CGs-6U96RgYPrL9YT3hAnf-FjoC-MVSiA/s400/manage.jpg)
Pilih nama script pada kolom sebelah kiri, lalu klik uninstall. Mudah bukan
![tertawa tertawa](http://forum.lytogame.com/images/emoticon/pw/Piggy/tertawa.gif)
Lalu bagaimana jika anda ingin menentukan emoticon anda sendiri
![membingungkan membingungkan](http://forum.lytogame.com/images/emoticon/pw/Piggy/membingungkan.gif)
Seperti saya misalnya.... Saya menggunakan emoticon piggy
![berdarah berdarah](http://forum.lytogame.com/images/emoticon/pw/Piggy/berdarah.gif)
"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
![cool cool](http://forum.lytogame.com/images/emoticon/pw/Piggy/cool.gif)
"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 ![lega lega](http://forum.lytogame.com/images/emoticon/pw/Piggy/lega.gif)
selamat mencoba![bunga bunga](http://forum.lytogame.com/images/emoticon/pw/Piggy/bunga.gif)
![bunga bunga](http://forum.lytogame.com/images/emoticon/pw/Piggy/bunga.gif)
Silahkan lakukan langkah2 tersebut bila anda ingin mempunyai emo yang clickable pada halaman posting Anda. Insya Allah berhasil
![senyum senyum](http://forum.lytogame.com/images/emoticon/pw/Piggy/senyum.gif)
![pukul pukul](http://forum.lytogame.com/images/emoticon/pw/Piggy/pukul.gif)
![takut takut](http://forum.lytogame.com/images/emoticon/pw/Piggy/takut.gif)
![tertawa tertawa](http://forum.lytogame.com/images/emoticon/pw/Piggy/tertawa.gif)
![malu2 malu2](http://forum.lytogame.com/images/emoticon/pw/Piggy/malu2.gif)
![menyerah menyerah](http://forum.lytogame.com/images/emoticon/pw/Piggy/menyerah.gif)
![lega lega](http://forum.lytogame.com/images/emoticon/pw/Piggy/lega.gif)
![bunga bunga](http://forum.lytogame.com/images/emoticon/pw/Piggy/bunga.gif)
![bunga bunga](http://forum.lytogame.com/images/emoticon/pw/Piggy/bunga.gif)
![gila gila](http://forum.lytogame.com/images/emoticon/pw/Piggy/gila.gif)
![dach dach](http://forum.lytogame.com/images/emoticon/pw/Piggy/dach.gif)
note : special thanks to Bang Del for the articles
![lucu lucu](http://forum.lytogame.com/images/emoticon/pw/Piggy/lucu.gif)
4 komentar:
wawww tizz thx infonyoo
dapet darimano tizzz
mokasih yeh
btw lucu tizz merah2
@lizia
wkwkwkwkz p-licik
browsing2 lah carany... trus tinggal edit2 kodeny
master emoticon cknyo skrg.
waaa
hehehe p-hihihi
yihaaaaaaaaa
p-hati
Posting Komentar