Generator Text For Facebook Chat

Walau tidak ada sangkut pautnya dengan tutorial blog, namun tema facebook cukup lumayan buat update postingan ;)) Ada satu hal yang membuat Koben menggelitik dari layanan chat facebook. Dalam melakukan chattingan kita dapat mensisipkan emoticon berupa teks dengan ragam bentuk dan gambar-gambar (mungkin seluruh gambar dapat dijadikan emotikon) @-)
Satu web yang memberikan jasa guna melakukan tindakan tersebut yakni Facebook Chat Codes Maker! Sidik punya selidik, trik membuat text pada area facebook chat menjadi gambar ternyata dapat dilakukan dengan jQuery script ;) Koben sudah aplikasikan di sini Generator Text Full Stylish for Facebook Chat. Bagi sobat yg memang berminat mau seperti itu, gue punya beberapa tawaran serupa nih.

Datang dari blogger farixsantips, membuat 3 jenis generator teks facebook-chat.

Struktur Penulisan Kode

<style type="text/css">
.form {background:white; border-radius:5px; border:2px solid #777; 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:330px;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 #555; 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>

<script src="ADD-SCRIPT-HERE.JS" language="javascript"></script>

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

Gantikan ADD-SCRIPT-HERE.JS dengan salah satu JavaScript berikut ini

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

Simpan deh mau dijadiin postingan ataupun gadget, or .html :) Point terakhir ekstension html Koben sudah bikinkan juga bagi sobat-sabit ;))

Sikat mas brooo FacebookGeneratorText.zip in Ziddu. Dengan proses yg sedikit ribet dalam berchatting ria, namun lihatlah pada arsip message facebook kalian! Dengan begitu data yg biasanya teks biasa akan berganti dengan kode-kode sleketep :D Sangkin tidak ada kerjaan sampai mosting yg beginian =))
Bonus:
http://designresourcebox.com/jqfloat-js-jquery-plugin-that-creates-floating-animations/
Happy codding \m/