EMS Sony Ericsson Emotikon di Blog Anda

Sebuah pesan masuk ke ponsel saya beberapa tahun yang lalu (sudah lama ya :). SMS? sepertinya bukan. Apa mungkin MMS? terlalu sederhana bila dianggap MMS. Pesan tersebut hanya berisi beberapa kata dengan sebuah gambar bergerak yang mewakili emosi sang pengirim pesan (yang selanjutnya saya ketahui sebagai sebuah emotikon). Usut punya usut, ternyata pesan tersebut adalah EMS (Enhanced Messaging Service). Apa itu EMS? Kita simpan dulu pertanyaan tersebut. Mungkin Anda (pengguna ponsel Sony Ericsson tentunya) telah akrab dengan emotikon-emotikon pada gambar di bawah. Benar, gambar-gambar bergerak tersebut merupakan emotikon default pada fasilitas EMS ponsel Sony Ericsson. Lalu bagaimana cara memasang di blog?

emoticon sony ericsson


Langsung saja

Langkah 1
Tuju halaman Edit HTML, Beri tanda centang pada kotak "expand widget template"

Langkah 2
Letakkan script berikut sebelum kode </body>

<!-- emot SE -->
<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:o/gi, "<img alt=':SE' src='http://i714.photobucket.com/albums/ww141/Ardhiansyam/Emot/sony.png' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img alt=':ngakak' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Laughter.gif' class='smiley'/>");
_str = _str.replace(/:x/gi,"<img alt=':cium' src='http://i714.photobucket.com/albums/ww141/Ardhiansyam/Emot/Kiss.gif' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img alt=':melet' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Tongue.gif' class='smiley'/>");

_str = _str.replace(/;\;\)/gi, "<img alt=':kagum' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Wow.gif' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img alt=':marah' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Angry.gif' class='smiley'/>");
_str = _str.replace(/:\?/gi, "<img alt=':bingung' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Confused.gif' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img alt=':iblis' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Devil.gif' class='smiley'/>");
_str = _str.replace(/:\~/gi, "<img alt=':skeptik' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Sceptical.gif' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img alt=':tak acuh' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Indifferent.gif' class='smiley'/>");
_str = _str.replace(/:\)\)/gi, "<img alt=':senang' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Happy.gif' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img alt=':nangis' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(/gi, "<img alt=':sedih' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Sad.gif' class='smiley'/>");
_str = _str.replace(/;\)/gi, "<img alt=':kedip' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Wink.gif' class='smiley'/>");
_str = _str.replace(/B\)/gi, "<img alt=':kacamata' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Glasses.gif' class='smiley'/>");
_str = _str.replace(/:\)/gi, "<img alt=':genit' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Flirty.gif' class='smiley'/>");
b.item(i).innerHTML = _str;
}
}
}
a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {
_str = b.item(i).innerHTML.replace(/:o/gi, "<img alt=':SE' src='http://i714.photobucket.com/albums/ww141/Ardhiansyam/Emot/sony.png' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img alt=':ngakak' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Laughter.gif' class='smiley'/>");
_str = _str.replace(/:x/gi,"<img alt=':cium' src='http://i714.photobucket.com/albums/ww141/Ardhiansyam/Emot/Kiss.gif' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img alt=':melet' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Tongue.gif' class='smiley'/>");

_str = _str.replace(/;\;\)/gi, "<img alt=':kagum' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Wow.gif' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img alt=':marah' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Angry.gif' class='smiley'/>");
_str = _str.replace(/:\?/gi, "<img alt=':bingung' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Confused.gif' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img alt=':iblis' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Devil.gif' class='smiley'/>");
_str = _str.replace(/:\~/gi, "<img alt=':skeptik' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Sceptical.gif' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img alt=':tak acuh' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Indifferent.gif' class='smiley'/>");
_str = _str.replace(/:\)\)/gi, "<img alt=':senang' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Happy.gif' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img alt=':nangis' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(/gi, "<img alt=':sedih' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Sad.gif' class='smiley'/>");
_str = _str.replace(/;\)/gi, "<img alt=':kedip' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Wink.gif' class='smiley'/>");
_str = _str.replace(/B\)/gi, "<img alt=':kacamata' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Glasses.gif' class='smiley'/>");
_str = _str.replace(/:\)/gi, "<img alt=':genit' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Flirty.gif' class='smiley'/>");
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
<!-- end emot SE -->


Langkah 3
Temukan kode berikut

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>


Langkah 4
Letakkan kode berikut setelah kode <p class='comment-footer'>

<center><p><i>copy paste</i> kode berikut untuk menambahkan emotikon</p></center>
<center><b>
<table cellpadding='3' cellspacing='5'><tr>
<td><div align='center'><img alt='genit' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Flirty.gif'/><br/>:)<hr/></div></td>

<td><div align='center'><img alt='kacamata' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Glasses.gif'/><br/>B)<hr/></div></td>

<td><div align='center'><img alt='kedip' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Wink.gif'/><br/>;)<hr/></div></td>

<td><div align='center'><img alt='sedih' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Sad.gif'/><br/>:(<hr/></div></td>

<td><div align='center'><img alt='nangis' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Crying.gif'/><br/>:((<hr/></div></td>

<td><div align='center'><img alt='senang' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Happy.gif'/><br/>:))<hr/></div></td>

<td><div align='center'><img alt='tak acuh' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Indifferent.gif'/><br/>:|<hr/></div></td>

<td><div align='center'><img alt='skeptik' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Sceptical.gif'/><br/>:~<hr/></div></td></tr></table></b></center>


<br/>
<b><center>
<table cellpadding='3' cellspacing='5'><tr>
<td><div align='center'><img alt='iblis' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Devil.gif'/><br/>:@<hr/></div></td>

<td><div align='center'><img alt='bingung' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Confused.gif'/><br/>:?<hr/></div></td>

<td><div align='center'><img alt='marah' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Angry.gif'/><br/>x(<hr/></div></td>

<td><div align='center'><img alt='kagum' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Wow.gif'/><br/>;;)<hr/></div></td>

<td><div align='center'><img alt='melet' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Tongue.gif'/><br/>:p<hr/></div></td>

<td><div align='center'><img alt='cium' src='http://i714.photobucket.com/albums/ww141/Ardhiansyam/Emot/Kiss.gif'/><br/>:x<hr/></div></td>

<td><div align='center'><img alt='ngakak' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Laughter.gif'/><br/>:D<hr/></div></td>

<td><div align='center'><img alt='SE' src='http://i714.photobucket.com/albums/ww141/Ardhiansyam/Emot/sony.png'/><br/>:o<hr/></div></td>
</tr></table>
</center></b>


Langkah 5
Simpan template Anda dan lihat hasilnya (demo dapat dilihat di Kanvas Semu dan mohanlink™)
kedip
genit
kacamata
senang
melet


Lalu apa itu EMS? EMS adalah layanan yang memungkinkan perangkat bergerak (ponsel) mengirim dan menerima pesan yang dapat diformat (cetak tebal, cetak miring, dll.). Pesan tekstual EMS dapat dikombinasikan dengan animasi, gambar, maupun suara atau melodi. Pada dasarnya, EMS merupakan teknologi antara SMS dan MMS, yang memiliki sebagian kemampuan MMS. Contohnya sebagai berikut (diambil dengan menggunakan ponsel Sony Ericsson W660i):

ems


Oke, demikian, selamat mencoba, semoga berhasil :)

(ide emotikon Sony Ericsson: mohanlink™)


23 komentar:

  1. PERTAMAX Diamankan :D kaya; knal nih emoticonnya :))

    BalasHapus
  2. KEDUAX kerja sama yang baik yha... :))

    BalasHapus
  3. keren sob emoticonnya, bernuansa baru.
    ijin menjadi foLLower di bLog ini, saLam kenaL.

    BalasHapus
  4. wah, keren.. baru liat nih emoticon SE kaya gini bisa dipake di blog.. ta coba deh nanti.. kalau buat emoticon kaya blog ini gimana ia sob? ;;)

    BalasHapus
  5. masih Langka bLogger yang menggunakan emoticon seperti ini.
    terima kasih atas sharenya.

    BalasHapus
  6. Bagus nih gan, templatenya juga keren :)

    BalasHapus
  7. Waw, tampilan blognya mirip kepunyaannya Soh Tanaka Ya.. :)

    BalasHapus
  8. anjriiittt... sampe mumeddd liadnya :(
    mangstabs kang :) jempolan daaa :)

    BalasHapus
  9. unik sob saya baru menemukan di sini..aku simpan sob..
    thank's a lot

    BalasHapus
  10. ooo ini dia emoticonnya... seering liat emo ini di cbox nya tmn, ternyata itu dari sony ericsson ya, baru tau saya

    BalasHapus
  11. hha, ada juga yg kyk gini....... barang yang jarang digunakan di hape soner..... hhe.... lucu jg, bsa dicoba ni....... :D
    salam kenal gan......

    BalasHapus
  12. saya juga mempunyai Ponsel sony ericson tetapi kok tidak menemukan EMS emoticon yah ??? mungkin beda versinya :? saya menggunakan tipe W302i

    BalasHapus
  13. saia pake k610i.. ada ga yaaa

    BalasHapus
  14. ow... emo baru nih... sy jg lagi buat emo union.. lebih komplit & banyak lg... tinggal bikin tutorial..

    BalasHapus
  15. sob, nitip link ya :D
    Cara Membuat & Menampilkan Emoticon Union:
    Emoticon Union V.1
    Emoticon Union V.3

    BalasHapus
  16. lebih lucu emoticonnya plurk mas :D

    BalasHapus
  17. Mohan, Taufik
    sip dah
    :D

    Googlid
    Trims, penerapan emotikon tersembunyi di blog ini pada dasarnya hampir sama dengan penerapan Fancybox, silakan baca Penerapan Fancybox dengan JQuery di Blogger
    :)

    Om rame
    silakan sob, trims :)

    BalasHapus
  18. Jidat, ardianzzz
    terinspirasi sob hehe... trims

    Beben, Genial, Blogger Admin. oempak, febriyanto
    sip, terima kasih
    :)

    Aditx, Haeruna
    Coba tulis SMS sob, lalu tambahkan animasi, nada, dsb, jadi EMS dah
    :D

    BalasHapus
  19. TomieDLuffy
    Wah, keren sob, emotikon onionnya, saya suka layoutnya, pakai tabel kan? saya juga terapkan di tutorial ini
    :D

    Reza Saputra
    Ini bukan lucu-lucuan sob (becanda), lain kali dah Plurk
    :D

    BalasHapus
  20. iya pake tabel, sy punya ide pas lagi lg ngetik di word trs ngutak-ngatik di dreamweaver 8.. ya uda langsung coba diterapkan & trnyata berhasil :D
    mayan juga tuh tabel, berguna biar rapih..

    BalasHapus
  21. The Manusia limited edition
    silakan dicoba lagi gan, soalnya sudah banyak yang berhasil ko
    :D

    BalasHapus

Formulir Kontak

Nama

Email *

Pesan *

[ Instagram M2D ]

[ Favorit ]

Malam Marah Malam Ramah

Apalah yang istimewa dengan malam? malam tak lebih dari kegelapan yang menyelimuti sesuatu yang tak pantas menikmati kelembutan cahaya, kera...

[ Referral ]

Ardhiansyam | Kontak | Sitemap | ke atas ↑