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 :
Cara Membuatnya
- Ketik kata kata yang ingin di ubah menjadi gambar
- Copas Source Code
- Letakan di chating Facebook.com
Cara Membuatnya
- Pertama tama buka blogger.com
- Buka Layout → Add a Gadget → Pilih Javascript/HTML
- Copas code berikut dan letakan di kotak kosong tadi :
- 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>
- Kemudian Save!
<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>
Tidak ada komentar:
Posting Komentar