Filled Under:

How To Make Hidden Guestbox

1.Go to design>Edit html
2.Add New Html Script Widged
3.Copy Paste This Code :

<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/AVvXsEgjObm-AzUpEeV721m2fKeDzCa68u-b9LA9y7kpQRRLicHSDi-c1O9HTwxBPpO0cTatqnw0xSclgeQElhn1hblm4vnIXFB0ebLOtoclwNOh5Djil_JmbopWMPvVn2DBOxdycW8E4cF7GVoC/s1600/shout-box-white.png') 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://www5.cbox.ws/box/?boxid=778367&amp;boxtag=fr8eh3&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-778367" style="border:#ababab 1px solid;border-bottom:0px" id="cboxform5-778367"></iframe></div>
<div><iframe frameborder="0" width="200" height="263" src="http://www5.cbox.ws/box/?boxid=778367&amp;boxtag=fr8eh3&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-778367" style="border:#ababab 1px solid;" id="cboxmain5-778367"></iframe></div>
</div>
<!-- END CBOX -->

<div style="text-align:right">
<a href="http://itinky.blogspot.com">[You Want This Shoutbox?]</a>><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>

4.Save and Completed





3 Comment:

  1. Very useful post.. I hope you will continue your same best work and we will get more informative post which can helpful to us. Thanks for this!!!

    how to grow business fast

    ReplyDelete
  2. Thank you for sharing and for this nice information. I really appreciate your work, keep it up.

    ReplyDelete

Please comment here, do not be shy and feel free to leave comment here. Devote all your opinion. But don't spam.