Cara membuat buku tamu auto hide



Nih dia kawan cara membuat buku tamu auto hide
cara nya gampang kok tinggal masuk ke rancangan add gadget trs pilih HTML/JAVA SCRIPT


TRS MASUKIN CODE DI BAWAN INI


<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://i706.photobucket.com/albums/ww66/andaresta_bucket/BUKUTAMU-1-1.gif') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #000000;
background:#000000;
padding:5px;
}
</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">


<< isi dengan KODE buku tamu >>




<br/>
<br/>
<a href="http://blogg-komputer.blogspot.com">.
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>



CARA MEMBUAT BUKU TAMU AUTO HIDE >









9 coment box:

Jana Virananda mengatakan...

Wah makasih kodenya

Anonim mengatakan...

@Kelpo
sama2 gan smg bermanfaat

blog or web mengatakan...

mantap sob, tak coba pasang....

Mahardhieka mengatakan...

Makasihnya Gan, Jadi lebih Efisien Tempat :)

mampir jika sempat di boby-mahardika.blogspot.com :)

Ninditama mengatakan...

DAH SAYA coba kok keluarnya shoutmix lambat gan bisa di percepat gak tu..www.ninditama.blogspot.com

Unknown mengatakan...

makasih..! sob kodenya

saya mau tukeran link bisa ngakk
bozz

http://romantis-xp.blogspot.com/

Batu Kecubung mengatakan...

Makasih tipsnya. ijin copas bro...

Mustika Alam mengatakan...

Ijin nyimak gan. Tak bookmark dulu ya...

Dika Euphrosyne mengatakan...

makasi sob..bermanfaat banget infonya..

Posting Komentar

coment disini gan

Category

Ping your blog, website, or RSS feed for Free Increase Page Rank
Diberdayakan oleh Blogger.