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/AVvXsEhl_pK1UwJTo8EsjF9I4z_HEA14LDBzXm8jkEENa45MTUWjJwMPlQwFyEWtllRsAA87Kpw90UooRZaJYQHYJVqzufa9AV57GWTzfKJVgWoHLrDauu7WTD0clygVwydHFn955OHHTJdfIJw/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 ::
DENGAN TULISAN " CBOX " URL :: http://i1084.photobucket.com/albums/j417/azr178/cooltext542455354.png
DENGAN TULISAN " GUEST BOOK " URL :: http://i1084.photobucket.com/albums/j417/azr178/cooltext542140668.png
Tidak ada komentar:
Posting Komentar