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&boxtag=fr8eh3&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&boxtag=fr8eh3&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
Filled Under:
SEO
How To Make Hidden Guestbox
Posted By:
Dor David
on 3:03 AM
Subscribe to:
Post Comments (Atom)
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!!!
ReplyDeletehow to grow business fast
Thanks for the comment!
ReplyDeleteThank you for sharing and for this nice information. I really appreciate your work, keep it up.
ReplyDelete