CODE Facebook Chat - Text Emo Generator

Halo! Kembali lagi bersama saya di blog ini dengan tema pada kali ini adalah Tutorial/Trick Facebook. Setelah sekian lamanya tidak memposting, tangan saya menjadi gatal dan haus kata kata. Banyak diantara teman teman yang menanyakan "belum update?", ya itu di karenakan sibuk saat dunia offline berjalan. Contohnya saat ini masih liburan tetapi, Pekerjaan Rumah (PR) kini menumpuk! Untungnya masih banyak waktu tersisa dan masa sih ingin terbuang sia sia. Langsung saja kembali ke Topic

Tahukah sobat Facebook.com? Yang gak tau keterlaluan hahaha. Facebook mempunya banyak sekali fitur fitur canggih, salah satunya adalah fitur chating. Bukan Facebook kalau gak ada chating. Chating identik dengan emoticon atau ungkapan/ekspresi wajah yang di tampilkan dalam bentuk gambar. Contoh seperti [:)],[:P],[^_^],[:D],[:(],[>.<] dan lain lain.

Pada baru baru ini telah berdatangan fitur terbaru facebook yaitu membuat Emoticon dengan menggunakan kode-kode dan di kurung oleh [[ dan ]].

1. Buka Facebook.com
2. Buka Kotak Chating
3. Tulis [[code]][spasi][[code]]
4. Enter

Entah apa tujuan dari admin facebook membuat cara itu untuk membuat pengguna merasakan ekspresi (lho ini tujuannya :D ). Langsung lihat kode Emoticon di bawah ini :

Masih banyak emo yang masih belum di tampilkan

[[wikipedia]] - Wikipedia
[[youtube]] - Youtube
[[wordpress]] - Wordpress
[[google]] - Google
[[guengakak]] - Tertawa
[[250128751720149]] - Domo Kun
[[155393057897143]] - Doraemon
[[224502284290679]] - Nobita
[[138529122927104]] - Pedo Bear
[[249199828481201]] - Konata Izumi
[[144685078974802]] - Mojacko
[[196431117116365]] - Shin chan
[[269153023141273]] - Poring
[[332936966718584]] - Hello Kitty
[[157680577671754]] - Angry Bird
[[334954663181745]] - Spongebob
[[326134990738733]] - Pikachu
[[252497564817075]] - Kerokeroppi
[[297354436976262]] - Santa Claus
[[236147243124900]] - Pokeball
[[223328504409723]] - Gintoki Sakata
dan masih banyak lagi

Setelah sobat bertemu dengan code emoticon" itu selanjutnya sobat akan bertemu dengan code Emoticon Text atau text dengan style yang berbeda di chat. Contohnya bila sobat memperhatikan gambar disamping kiri ini. Sobat akan melihat bagaimana bisa tulisan chating bisa di ubah menjadi tulisan bergambar itu. Yang sebenarnya tulisan itu gabungan dari beberapa gambar dengan menggunakan code code facebook terbaru itu. Bisa sobat gunakan Code Generate ini :

• Ketik kata kata yang ingin di ubah menjadi gambar
• Copas Source Code
• Letakan di chating Facebook.com

Cara Membuatnya

1. Pertama tama buka blogger.com
2. Buka Layout → Add a Gadget → Pilih Javascript/HTML
3. Copas code berikut dan letakan di kotak kosong tadi :

<style type="text/css">
.form {background:white; border-radius:5px; border:2px solid #de0101; box-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25); width:320px; padding:10px}
.input {padding:10px 10px; box-shadow:inset 1px 1px 0 #777; border-radius:5px; border:1px solid #fff}
.input:focus {background:#ffffe0}
.type {width:200px}
.output {width:295px}
.button {color:#fff; padding:9px 18px; background:-moz-linear-gradient(top,#76c1e3 0%,#1e97e8 25%,#2b84f0); background:-webkit-gradient(linear,left top,left bottom,from(#76c1e3),color-stop(0.25,#1e97e8),to(#2b84f0)); border-radius:5px; border:1px solid #b85f00; box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px -1px 0px rgba(255,255,255,0.7); text-shadow:0px -1px 1px rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,0.3)}
</style>

<form class="form" name="code">
<input class="input type" name="type" size="63" type="text" value="Farixsantips" /><input class="button" onclick="change();" type="button" value="Change!" />
<input class="input output" name="output" onclick="select();" size="63" type="text" /></form>

4. Tambahkan lagi kode Javascript berikut ini di bawahnya kode sebelumnya, PILIH SALAH SATU dan sesuaikan.

• <script src="https://sites.google.com/site/farixsantips/scripts/color-rainbow.js" language="javascript"></script>
• <script src="https://sites.google.com/site/farixsantips/scripts/color-green.js" language="javascript"></script>
• <script src="https://sites.google.com/site/farixsantips/scripts/color-block.js" language="javascript"></script>

5. Kemudian Save!

Lihat hasilnya, semoga memuaskan ya sob hasilnya :)