CARI ARTIKEL DISINI

Sabtu, 12 Januari 2013

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 :
  4. <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>
  5. 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>
  6. Kemudian Save!
Lihat hasilnya, semoga memuaskan ya sob hasilnya :)

279 comments

Tidak ada komentar: