Cara Membuat Skrip Emotikon

Emotikon merupakan antara aksesori blog yang digemari terutamanya oleh bloggers perempuan. Penulis pernah membuat emotikon Emofrog tidak lama dahulu. Kini, penulis kembali dengan topik emotikon juga tetapi bukan emotikon baru kerana kali ini penulis mahu mengajar anda untuk membuat emotikon sendiri. Teruja untuk belajar??


Anda perlu membaca topik ini dengan teliti agar anda lebih faham cara² untuk membuatnya.

1. Pertama sekali anda kena mencari emotikon. Penulis cadangkan anda menggunakan emotikon dari MyEm0.


2. Klik kanan pada emotikon tersebut, pilih Copy Image Location.

3. Kemudian, anda pergi ke laman web Photobucket. Muatnaik emotikon² tadi dengan memilih Web URL.


4. Abaikan saja bahagian edit tag, anda terus pilih Direct Link dan Copy kod emotikon tersebut.

5. Seterusnya anda buka Notepad. Tampal semua kod² ini ke dalamnya. Skrip emotikon tidak serasi dengan blogspot, sila salin dari laman web ini. Harap maklum.

6. Di dalam skrip tadi, anda cari kod seperti di bawah.

var buttons = "
";
buttons += emoticonButton("emotikon01", "http://emo.com/emotikon.gif");
buttons += emoticonButton("emotikon02", "http://emo.com/emotikon.gif");
buttons += emoticonButton("emotikon03", "http://emo.com/emotikon.gif");

buttons += separator();
Ayat berwarna biru bermaksud nama emotikon yang anda akan gunakan. Misalnya anda boleh menggunakan nama senyum untuk emotikon jenis senyuman dan sebaliknya. Ayat berwarna merah pula adalah alamat emotikon tersebut. Berikut adalah contoh yang telah penulis buat untuk tutorial ini.

var buttons = "
";
buttons += emoticonButton("kuge01", "http://smg.photobucket.com/albums/v677/eriyza/th_12024717650.gif");
buttons += emoticonButton("kuge02", "http://smg.photobucket.com/albums/v677/eriyza/th_12024717654.gif");
buttons += emoticonButton("kuge03", "http://smg.photobucket.com/albums/v677/eriyza/th_12024717801.gif");

buttons += separator();

7. Save As skrip anda tadi dengan nama emotikon.user.js. Contohnya penulis ingin menamakan emotikon penulis sebagai Eriyza Emokuge, maka penulis perlu menyimpannya eriyza_emokuge.user.js. Anda tidak boleh tertinggal perkataan user.js kerana skrip anda tidak akan berfungsi.

8. Anda perlu muatnaik skrip anda tadi ke laman web. Anda boleh menggunakan Google Page Creator, Geocities atau Weebly.

Siap. Sekarang anda cuma perlu menguar²kan skrip emotikon anda tadi kepada rakan² anda agar mereka dapat menggunakannya di dalam blog masing².

Bagi bloggers yang baru kali pertama ingin menggunakan emotikon, anda boleh rujuk cara penggunaannya di sini.

Emotikon yang penulis gunakan sebagai contoh untuk tutorial ini boleh anda muatturun di sini. Penulis cadangkan agar anda membuat 3 emotikon dahulu untuk tujuan pembelajaran. Selepas anda faham konsepnya nanti, anda bolehlah membuat semua emotikon yang anda gemari.

Selamat mencuba. Semoga berjaya. Tinggalkan komen ya kalau tutorial ini membantu anda.