Kamis, 23 Juni 2011

Cara Bikin Buku Tamu Tersembunyi





Karena tadi ada nanya cara bikin buku tamu tersembunyi  ,ini saya bagiin sebentar caranya

pertama masuk ke dasbor ==>> rancangan


lalu anda otomatis masuk eleman laman dan tambah gadget terserah mau di kiri atau kanan


lalu ambil kode html


Supaya lebih mudah Buka dulu di Microsoft office word

pasang kode berikut :



<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://i932.photobucket.com/albums/ad161/mamad_bucket/tabs-1.png')no-repeat;
}
.gbcontent{
float:left;
border:2px solid #2A0A0A;
background:#610B0B;
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">
<div style="text-align:right">
Pasang Disini Kode Buku Tamu yang kamu dapat dari Cbox / ShoutMix
<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> 




Di tulisan warna merah pasang kode buku tamu kamu ,nah tinggal pindahkan kode yang sudah kamu edit ke kolom HTML?JavaScript.

oke,paham kan ??????

Tidak ada komentar:

Poskan Komentar