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 :)

3 Comments

Kode itu diterapkan dimana?? :)
saya belum sempat bikin tutorialnya gan, silakan menuju link referensi di atas untuk lebih jelasnya :)
Delete
Reply Delete

Post a Comment

Silakan tulis komentar atau pertanyaan kamu di sini. Komentar yang berbau spam, promosi dan sebagainya akan segera saya hapus. Terima kasih.

Cancel Reply