Pages

Sabtu, 26 Maret 2011

Cara menyembunyikan buku tamu ke pinggir

Buat ente semua yang pengen membuat tampilan buku tamu ke side bar pada blog seperti punya chandra,nieh chandra kasih scriptnya.
tapi sebelum kalian mengedit nya,kalian download dulu template yang kalian punya agar bila terjadi kesalahan template kalian yang lama masih ada jadi kalian tidaj capek capek lagi mengaturnya.kalian tinggal copaskan script di bawah ini:



<!-- Mulai Rolling Widget -->
<style type="text/css">
#gb{
position:fixed;
top:10px; /*jarak dari atas*/
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:none;
}
.gbcontent{
float:left;
border:2px solid #888888; /*warna bingkai*/
background:#F0F0F0; /*warna latar*/
padding:5px 10px 0px 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">
<div style="text-align:center;"><a href="javascript:showHideGB()" title="Close/Tutup"><img style="border:0px; width:100px; height:auto;" alt="Guestbook" src="http://i563.photobucket.com/albums/ss76/peace_enes/guestbook.png" /></a></div>

Kode Shoutbox atau Buku Tamu

<script type="text/javascript" src="http://enes-sc.googlecode.com/files/rollingwidget2.js"></script>
</div></div>
<!-- Selesai Rolling Widget -->

Note!!!

Agar buku tamu kamu bisa sembunyi di side bar, kamu harus mengcopas script di atas di rancangan ==> edit html ==>kamu copas kan script di atas, di atas </body>.Cara mencarinya kamu tekan di keyboard Ctrl+F.

0 komentar:

Posting Komentar

 
[tutup]