Cara Membuat Emoticons MWB

Assalamu'alaikum wr. wb..

Emoticons merupakan bagian yang memiliki peran sangat penting dalam proses pembuatan artikel. Selain untuk menunjukan ekspresi seseorang, tentunya juga dapat membuat suatu postingan artikel terlihat lebih menarik.
Sebenarnya sudah ada banyak Emoticon MWB yang unik dan menarik tersebar di internet. Kita tinggal mengkopi script importnya saja untuk menggunakannya. Tapi, akan terasa lebih mantap lagi jika kita menggunakan karya kita sendiri. Oke ? :-)
Nah, berikut ini adalah cara membuat emoticon mwb (khusus buat para newbie seperti saya).

1. Pertama, siapkan gambar-gambar yang akan dijadikan emoticons. Bisa cari di Google atau Bisa buat sendiri melalui aplikasi-aplikasi java sederhana sebagai bentuk kekreatifan sobat.. :-)
2. Jika sudah ketemu, copy url download gambarnya. Jika sobat bikin gambar sendiri, otomatis harus menguploadnya dulu.
3. Pastekan url tadi ke dalam script di bawah ini : [alt~=mrgreen]{content:url(url gambar)} [alt~=question]{content:url(url gambar)} [alt~=rolleyes]{content:url(url gambar)} [alt~=arrow]{content:url(url gambar)} [alt~=idea]{content:url(url gambar)} [alt~=cry]{content:url()} [alt~=sad]{content:url(url gambar)} [alt~=cool]{content:url(url gambar)} [alt~=frown]{content:url(url gambar)} [alt~=lol]{content:url(url gambar)} [alt~=wink]{content:url(http://url gambar)} [alt~=twisted]{content:url(url gambar)} [alt~=neutral]{content:url(url gambar)} [alt~=biggrin]{content:url(url gambar)} [alt~=confused]{content:url(url gambar)} [alt~=exclaim]{content:url(url gambar)} [alt~=redface]{content:url(url gambar)} [alt~=surprised]{content:url(url gambar)} [alt~=razz]{content:url(http:// url gambar)} [alt~=smile]{content:url(url gambar)} [alt~=eek]{content:url(url gambar)} [alt~=evil]{content:url(url gambar)}
4. Setelah selesai, copy script yang sudah digabung dengan url gambar tadi.

Untuk membuat Css importnya, yang harus sobat lakukan adalah :

1. Buka akun Xtgem sobat. Jika belum punya, silahkan daftar di sini.
2. Klik File Browser->Creat File
3. Beri nama sesuka sobat. Jangan lupa belakangnya kasih .css misal, spidermen.css
4. Pada kolom Type, pilih Plaintext lalu klik OK.
5. Loading. . .Tunggu sebentar. Ya kalu koneksi sobat lemot otomatis nunggunya lama.
6. Maka muncul kolom lebar. Pastekan kode script yang sudah digabung dengan url gambar tadi kesitu.
7. Klik SAVE and PREVIEW
8. Copy url-nya.
9. Maka jadilah.

NOTE : Sebelum css import sobat dipaste ke blog sobat, pastikan sobat telah menambahkan kode @import url(url css import sobat.);
contoh :
@import url (http://supermen.xtgem.com/spidermen.css);
Selesailah sudah..

Demikian yang bisa saya bagikan..
Mohon maaf apabila terdapat banyak kesalahan dan kekurangan dalam tulisan ini.

Akhirul kalam..

Wassalamu'alaikum wr. wb..

Special Thanks to :
+Allah swt.
+All Visitor of Syahril's Mobile Blog.