Tips Dan Bikin Buku Tamu Cbox Auto Hide
Bagi yang mau bikin buku tamu nih saya share..copy paste dan ganti CBOX nya dgn yang punya anda...okee,,okeee,,okeeeee,,okeee,,ini super rin...
https://tutorialcarapintar.blogspot.com/2019/10/tips-dan-bikin-buku-tamu-cbox-auto-hide.html
Bagi yang mau bikin buku tamu nih saya share..copy paste dan ganti CBOX nya dgn yang punya anda...okee,,okeee,,okeeeee,,okeee,,ini super ringan lho..hemat materi bakar lagi..langsung copy paste tambahkan dielemen HTML..Tapi daftar dulu DI CBOX INI ambil codenya dan ganti code dibawah ini dari : " BEGIN CBOX hingga dengan END CBOX.. "
===============================================================================
<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/AVvXsEhboyqfFYCWtfvlcS7ri26Pnv85C1elvsIFs1B81__l4N_ulMtH43HKOFDAOs6le11hj3ZEYri8u3h19ovhuh33UzxdEOWjzPQCfkcm6Uyo9ALLAvTHxusc4CJG9SDv3QYKiZCl_kxYzy9_/') 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">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="117" src="http://www4.cbox.ws/box/?boxid=4067238&boxtag=yafcxr&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4067238" style="border:#000000
1px solid;border-bottom:0px" id="cboxform4-4067238"></iframe></div>
<div><iframe frameborder="0" width="200" height="263" src="http://www4.cbox.ws/box/?boxid=4067238&boxtag=yafcxr&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4067238" style="border:#000000
1px solid;" id="cboxmain4-4067238"></iframe></div>
</div>
<!-- END CBOX -->
<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>
===================================================================
Nah cukup sekian saja....langsung tancappppp.,,katanya sih CBOX lebih ringan tarikkannya kencang lagi..!!
===============================================================================
<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/AVvXsEhboyqfFYCWtfvlcS7ri26Pnv85C1elvsIFs1B81__l4N_ulMtH43HKOFDAOs6le11hj3ZEYri8u3h19ovhuh33UzxdEOWjzPQCfkcm6Uyo9ALLAvTHxusc4CJG9SDv3QYKiZCl_kxYzy9_/') 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">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="117" src="http://www4.cbox.ws/box/?boxid=4067238&boxtag=yafcxr&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4067238" style="border:#000000
1px solid;border-bottom:0px" id="cboxform4-4067238"></iframe></div>
<div><iframe frameborder="0" width="200" height="263" src="http://www4.cbox.ws/box/?boxid=4067238&boxtag=yafcxr&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4067238" style="border:#000000
1px solid;" id="cboxmain4-4067238"></iframe></div>
</div>
<!-- END CBOX -->
<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>
===================================================================
Nah cukup sekian saja....langsung tancappppp.,,katanya sih CBOX lebih ringan tarikkannya kencang lagi..!!