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:
- Log into your Blogger account, select "Layout" then "Page Elements",
- Click the "Add a Gadget" (which is just okay), then select "HTML / JavaScript",
- 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2uTd0DU44JxBDnRgJ5p2aIiyN547TOEJ8Wj_JxzvA7S4B70LldqNgf3P92s0NZhrCfuCynYpXbPQYrhxa0n_5uAMutGtX_05WGhEKrXkD5lVF9_htD7Qm0YGWRgbxFbE-ZdQTVlryqEwM/') 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