rss

Guestbook Hidden

Many friends who are like guest book is hidden in the top-right corner. So, I also want to provide 'html code' for guest book hidden friends who do not know. Follow the steps below :

1. Log in to your Blogger account, select "Layout" then "Page Elements",
2. Click the "Add a Gadget" (it's up to you), 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">

<-INSERT YOUR GUEST BOOK CODE, HERE->

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

4. Copy and Paste on the Gadget HTML/Javascript Column.
5. Save.

In the above code, the code search <- INSERT YOUR GUEST BOOK CODE, HERE -> and replace the code with the guest book you get from the site. You can also set the position. Change the value of its top attributes. If you want more up, so change the 30px or 20px, is up to you. Good Luck...


Related Post :
Google Chrome 4.0.201.1 Beta
Indexing On The Bing Search Engine
Opera 10.0 Beta 3 Build 1699
RAMRush VS Booster Gold 6.1.1.369
Monitoring Keyword Position
Internet Download Manager 5.18
Opera 9.64 - Final Release
Safari 4 - Full Version
Mozilla Firefox 3.5.2 - Full Version
Google Chrome 3.0.195.1 - Installer Offline
Mozilla Firefox 3.5.1
Design Mozilla Firefox 4
Dangerous Rift in Firefox 3.5
Firefox 3 Spectacular, 8 Million Downloads in 24 Hours
Google Chrome 3.0.195.1 Juli 2009
Safari 4, The Faster Browser

No comments:

Post a Comment

Give Me Your Comment, No SPAM No JUNK:

Posting Terbaru

 

Pengikut Blog Ini