Script untuk buku tamu posisi samping kanan

Masih di Variasi Blogger share Script untuk buku tamu posisi samping kanan cekidot

Silahkan sobat Copy Paste script  di bawah ini simpan di blog sobat

<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://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/varisiabloggerblogspotbukutamu7.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
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">
MASUKKAN KODE SCRIPT BUKU TAMU SOBAT DI SINI
<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>

Untuk penyimpanan kode script di atas dengan cara silahkan log in terlebih dahulu di blog sobat >> klik Rancangan >> klik ADD Gadget >> klik HTML/Javascript , kemudian paste script diatas , simpan dan lihat hasilnya semoga bermanfaat

Catatan : silahkan ganti script merah di atas dengan kode script buku tamu yang telah sobat buat

untuk kode gambar di atas sobat bisa ganti dengan kode gambar di bawah ini

http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/varisiabloggerblogspotbukutamu2.gif

http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/varisiabloggerblogspotbukutamu6.gif

Klik DEMO

Share to

 â