JQuery Untuk Menampilkan Emoticon di Blogger

Saya akhirnya bisa menemukan cara yang berhasil untuk mewujudkan fitur ini. Dari dulu saya sudah pernah mencoba untuk menampilkan emoticon secara otomatis di blogger dengan javascript, namun selalu saja gagal :(

Sekarang ada cara baru yaitu dengan Jquery yang lebih simpel. Dengan Jquery ini semua simbol-simbol tertentu yang kita tulis dalam blog otomatis akan berubah menjadi sebuah emoticon/gambar. Contohnya kita tulis ":)" (tanpa tanda kutip), maka yang akan muncul adalah emoticon :)

Kode yang digunakan sangat sederhana, yaitu:

$('body').html($('body').html().replace(/\s:\)/g, " <img src='emoticon.gif' />"));

kode di atas akan mengubah semua karakter dengan format satu spasi di depan + simbol ":)" dengan sebuah gambar <img src='emoticon.gif' />. Karakter spasi diwakili oleh \s dan simbol ":)" diwakili oleh :\). Kenapa simbol ":)" harus pake \ ? Karena karakter ) yang kita pake dalam simbol merupakan salahsatu karakter khusus dalam regex. Lebih jauh mengenai hal ini saya sarankan untuk berkunjung ke sini.

Mungkin itu saja, di postingan selanjutnya InsyaAllah saya akan membuat cara untuk membuat emoticon otomatis dengan JQuery. Semoga bermanfaat. Terima kasih :)

Referensi : hompimpaalaihumgambreng.blogspot.com