Bookmark and Share

Creating Guest Book [Shoutmix] Hidden

Wednesday, February 10, 2010
Guest book is a very important thing in every activity, as well as the bloggers, guest book in a regular blogger on the call with shoutmix or shoutbox, how to make it ??

For my friend who has not had to address just this shoutmix.com, while for my friend who already has and so little can be hidden Oprek like having your friends, Get to:


  1. Log into your Blogger account, select "Layout" then "Page Elements",
  2. Click the "Add a Gadget" (which is just okay), then select "HTML / JavaScript",
  3. Copy-paste the code below:
<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://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.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">


<!-- Replace this with your guest book code -->




<div style="text-align:right">
Widget by: <a href="http://beautify-bloggers.blogspot.com/2010/10/making-book-guest-shoutmix-hidden.html">
Info Blog
</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>

Do not forget to change the code

<!-- Replace this with your guest book code -->
With the code you shoumik !!!!!!!

You can also set the position. Just Change the value of its top attributes. if my friend wants to change it up or down, 30px Or 20px .......

0 comments:

Post a Comment

 

© 2011 Beautify Blogger - Google By Yuril