c's Center: Chat Box Effek MiringAndra Ghoti

kali ini saya akan memposting "cara membuat chatbox dengan efek miring dan background " caranya cukup mudah kok..^_^

oke ga usah banyak ngomong tanpa basa basi langsung aja ..cekidot...

1.login akun blogger

2.pilih design atau rancangan

3.setelah halamannya tampil pilih add gadget

4.lalu pilih java/script

5.copy/paste kan kode berikut

<style type="text/css">.gb_fixed{position:fixed; top:55px; ;right:0px; z-index:+10}* html .gb_fixed {position:;}#hidden_gb2:hover{background:url("http://i55.tinypic.com/8x1xlt.gif") no-repeat scroll 0 0; background-position:top center; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg)}</style><div class="gb_fixed"><table cellpadding="0" cellspacing="0" id="hidden_gb2"><tbody><tr><td><div><a href="javascript:void(0)" onclick="gb_showHideGB()"><img src="https://www.bookonthenet.net/east/RKEres/Images/CloseButtonHot.bmp" /></a><span style="font-size: 80%;">Go To My<a href="URL-SOBAT" target="_blank">Page </a>And<a href="URL-SOBAT" target="_blank">See More</a></span></div><<<------ISI DENGAN KODE SHOUTMIX ANDA------->></td></tr></tbody></table></div><script src="http://marewainfo.googlecode.com/files/ordinaryhack-floating.js"></script><div class="gb_fixed" style="z-index: +5;"><a href="javascript:void(0)" onclick="gb_showHideGB()"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJBBQjpkPRLFtL5lfqqkrt0fZ64tdavqYl2WfmH3skI-eJUqDiCa7wAmOI_Zo3M5b0SW_HJbbSxkrebsreDvPKKPa_EpWgTJNBjF7qDlALwLPz_4sX13PtKpBI1KgBXtYkyR52tdg1wTA/s400/cbred-LEFT.png" style="filter: alpha(opacity=60); opacity: 0.6;" /></a> </div>

#hidden_gb2{display:none; background:transparent; padding:10px; padding-top:10px; border:1px solid #ccc; -moz-border-radius-topleft:30px; -moz-border-radius-bottomright:30px; transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -o-transform:rotate(-5deg)}

..::KETERANGAN::..

{-}UNTUK YANG BERWARNA BIRU ADALAH BACKGROUND BOX NYA..[BISA DIGANTI DENGAN URL GAMBAR KAMU SENDIRI]

{-}UNTUK YANG BERWARNA HIJAU DIGANTI DENGAN URL BLOG KAMU

{-}UNTUK YANG WARNA MERAH (udah pada tau kan..??) GANTI DENGAN KODE SHOUTMIX ANDA

{-}UNTUK YANG BERWARNA KUNING ADALAH TOMBOL CBOX-NYA [ BISA DIGANTI DENGAN URL TOMBOL ANDA SENDIRI ]

Ini beberapa tombol CBOX bikinan saya beserta URL nya ::