Cara membuat Coment Box bergerak

Gimana bro?,,,sorri ya baru bisa ngeposting soalnya banyak gangguan nih hehehe…
lagi pula gua harus mondar mandi kesana kesini untuk mencari tahu bagaimana caranya (maklum pemula). Akhirnya gua nemu di salah satu blog. Ok…kali ini gua akan menerangkan bagaimana cara kita menyembunyikan coment box,,,menyembunyikan coment box sangat berguna untuk mnghemat tempat,,apalagi blog kita itu terbilang sempit ,,, jika kalian ingin coment box anda seperti yang ada di blog saya silahkan baca bawah ini :
Syarat Utama anda harus memiliki coment box, baik itu dari SHOUTMIX, CBOX, atau yang lainnya, jika tidak ada silahkan buat terlebih dahulu setelah di buat silahkan ikuti petunjuknya :

1. Login ke blogger
2. Pilih tata letak atau rancangan
3. Pilih tambah Gadget
4. Dan CoPas kode di bawah ini :

Spoiler for [Script Hidden Coment Box]

<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('http://lh4.ggpht.com/_NSa8I94a3wg/TJHDAQiJqSI/AAAAAAAAAGo/0LukH8E000Y/s800/tabs_asep.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #cd8c3d;
background:#050505;
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 HTML CBOX/SHOUTMIX
<br /><a href="http://hazbiynews.blogspot.com/2010/10/cara-membuat-coment-box-bergerak.html" title="">Jangan Lupa Follow/Comment Yah..!!!</a><br />
<div style="text-align:right">
<a href="">
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

Tulisan berwarna Biru adalah tempat kamu meletakkan kode Guestbook atau buku tamu,ganti tulisan yg berwarna merah tersebut dengan kode guest book (shoutmix,cbox,etc),,jika sudah klik SAVE . . . dan lihat hasilnya… 
Gampang kan?

Tittle : Cara membuat Coment Box bergerak
Source URL : https://hazbiynews.blogspot.com/2010/10/cara-membuat-coment-box-bergerak.html

You can share or copy this article | Cara membuat Coment Box bergerak | to your blog/website, but don't forget to submit the source url of Cara membuat Coment Box bergerak

You Might Also Like: