Cara Memasang Float Buku Tamu

Agra Anggakara.Blog mau share tentang blog lagi nih, kali ini saya akan share tantang Cara Memasang Float Buku Tamu,  pasti kalian semua udah tau tantang Buku Tamu dan kegunaannya, buku tamu adalah tempat kedua untuk berkomentar, memberi pendapat, dan support setelah Comment Box, Buku Tamu yang saya share hari ini memiliki kelebihan yaitu hemat tempat, karena bisa hide and show, oke kalo mau praktek monggo:

1. Login ke blog kalian masing masing

2. Buka Page layout

3. Tambah gadget

4. Copy Script Dibawah

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvrKleOIEd4WjMQIF0V-3BnT-YmBiOXpeaoxypOp0y212QL4C0SyEJ9beLHlNQOX-DQWXSAEyKZy_u-hyUWTJjMOxfJDqb1nzgYjImPJq2c4rbOticFnpqpwud-x1rTep_Jmud09hm3rpM/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
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">

ganti dengan script buku tamu-mu

<br/>

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

5. Save

PERHATIAN.!

Anda sedang membaca artikel tentang Cara Memasang Float Buku Tamu dan anda bisa menemukan artikel Cara Memasang Float Buku Tamu ini dengan url http://agraanggakara.blogspot.com/2013/02/cara-memasang-float-buku-tamu.html, Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Memasang Float Buku Tamu ini sangat bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link postingan Cara Memasang Float Buku Tamu sebagai sumbernya.

Related Post: