Sabtu, 19 Desember 2009

How To Make Guest Book Hidden

Maybe you're finding out how to create a Guest Book / ShoutMix hidden such as in this blog page.

This function will be help you to adjust the settings of your blog pages so it takes up less space.



For make this function please following the instructions bellow:

1. Login to Blogger in Draft

2. Save your template before (select Layout than Edit HTML, select "Download Full Template" and save to your hard disk)

3. Select Page Element "Add a Gadget" in anywhere, than select "HTML/JavaScript".

4. Copy-paste this script bellow:





<style type="text/css"> #gb{ position:fixed; top:0px; z-index:+1200; } * html #gb{position:relative;}  

.gbtab{ height:200px; width:40px; float:left; cursor:pointer; background:url('YOUR URL IMAGE HOSTING') 

no-repeat; } .gbcontent{ float:left; border:2px solid #ADD8E6; background:#F5F5F5; padding:0px; } 

</style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 40-w) : 

moveGB(40-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 8 : 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+")", 5);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent">  





<!-- Begin ShoutMix - ....YOUR FULL CODE SCRIPT FROM ShoutTMix...............<!-- End ShoutMix -->  





<div style="text-align:right"> <a href="javascript:showHideGB()"> [close] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (40-gb.offsetWidth).toString() + "px"; </script>





5. Change script (brown color of script above) accordance with your own

6. Setting position in accordance with the circumstances of your blog compiled such as position of top, bottom or middle, left or right position, etc.

7. Setting height position (50px, 100px, 150px, etc)

8. Setting color, see the Color Code





Good Luck









Tidak ada komentar:

Poskan Komentar