Hide ShoutBox atau Cbox!
Hi! sekarang aku akan show U how to hide Shoutbox atau Cbox pada blog kalian.
Step 1.
Kamu udah siapin Cbox-mu atau Shoutbox-mu yah!
dan.. kalo belum tau cara Sign Up-nya, bisa liat disini!
Step 2.
Udah? kalo udah, langsung copy kode ini yah!
<style type="text/css">
#gb{position:fixed;top:50px;z-index:+1000}* html #gb{position:relative}.gbtab{height:100px;width:30px;float:left;cursor:pointer;background:url(URL BACKGROUND) no-repeat}.gbcontent{float:left;border:2px solid #666;background:#F5F5F5;padding:10px}</style><script type="text/javascript">
function showHideGB(){var gb=document.getElementById("gb");var w=gb.offsetWidth;gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);gb.opened = !gb.opened;}
function moveGB(x0,xf){var gb=document.getElementById("gb");var dx=Math.abs(x0-xf) > 10 ? 5 : 1;var dir=xf>x0 ? 1 : -1;var x=x0 + dx * dir;gb.style.right=x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}
</script><div id="gb"><div class="gbtab" onclick="showHideGB()"></div><div class="gbcontent">
Kode Cbox atau Shoutbox kamu disini!
</div></div><script type="text/javascript">
var gb=document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script>
Note: Yg Dihighligh...
- kuning URL BACKGROUND itu, kamu masukin Url gambar background buat Cbox atau Shoutbox itu! kalo gk jelas, bisa liat di gambar ini!
- Merah, kode warna buat border-nya.
- Orange, tipe line border-nya (Dashed, Solid, Dotted)
- Hijau, kode warna Background Hide Cbox-nya itu.. kyk disini!
Yg aku maksud itu. yang warna putih-putihnya itu loh.. kalo gk ngerti yahh.. maaf aja yah!
udah tau kan yg kayak gimana?? okkeh deh.. kalo bingung nyari bacgroundnya, bisa liat freebies-ku yg ini!
Hide ShoutBox atau Cbox!
Hi! sekarang aku akan show U how to hide Shoutbox atau Cbox pada blog kalian.
Step 1.
Kamu udah siapin Cbox-mu atau Shoutbox-mu yah!
dan.. kalo belum tau cara Sign Up-nya, bisa liat disini!
Step 2.
Udah? kalo udah, langsung copy kode ini yah!
<style type="text/css">
#gb{position:fixed;top:50px;z-index:+1000}* html #gb{position:relative}.gbtab{height:100px;width:30px;float:left;cursor:pointer;background:url(URL BACKGROUND) no-repeat}.gbcontent{float:left;border:2px solid #666;background:#F5F5F5;padding:10px}</style><script type="text/javascript">
function showHideGB(){var gb=document.getElementById("gb");var w=gb.offsetWidth;gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);gb.opened = !gb.opened;}
function moveGB(x0,xf){var gb=document.getElementById("gb");var dx=Math.abs(x0-xf) > 10 ? 5 : 1;var dir=xf>x0 ? 1 : -1;var x=x0 + dx * dir;gb.style.right=x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}
</script><div id="gb"><div class="gbtab" onclick="showHideGB()"></div><div class="gbcontent">
Kode Cbox atau Shoutbox kamu disini!
</div></div><script type="text/javascript">
var gb=document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script>
Note: Yg Dihighligh...
- kuning URL BACKGROUND itu, kamu masukin Url gambar background buat Cbox atau Shoutbox itu! kalo gk jelas, bisa liat di gambar ini!
- Merah, kode warna buat border-nya.
- Orange, tipe line border-nya (Dashed, Solid, Dotted)
- Hijau, kode warna Background Hide Cbox-nya itu.. kyk disini!
Yg aku maksud itu. yang warna putih-putihnya itu loh.. kalo gk ngerti yahh.. maaf aja yah!
udah tau kan yg kayak gimana?? okkeh deh.. kalo bingung nyari bacgroundnya, bisa liat freebies-ku yg ini!