Padd Solutions

Converted by Falcon Hive

Bagi menjimatkan space di blog anda, apa kata anda auto hidekan shoutbox. Ianya hanya akan muncul jika visitor klik pada "SHOUTBOX". Contoh anda boleh lihat di blog saya di sebelah kanan anda

<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/AVvXsEgMTNti8Cnpx-kDf1fV0Sv82BVk4Qvn35PttHYC0wOrHH4GbB6HpJ4SOZ73YqQWvnpuyKRjSI6k_eR16Z37h6wA7qdGNvhZ5FCeayFRCFpx-mNtSVN80MGpHI-5mfvBG_FuUyMKGFE2Y3KU/s320/tabs.png') no-repeat; } .gbcontent{ float:left; border:2px solid #666666; background:#F5F5F5; padding:10px; } </style><br /> <br /> <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><br /> <div id="gb"><div class="gbtab" onclick="showHideGB()"></div><div class="gbcontent">KOD SHOUT BOX ANDA DI SINI<br /> <div style="text-align:right"><a href="javascript:showHideGB()"><br /> [close]<br /> </a><br /> </div></div></div><script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

 Bagaimana caranya?
1) Add a gadget - html/javascript
2)Copy code di atas dan paste pada html/javascript
3)Cari KOD SHOUT BOX ANDA DI SINI dan paste kan kod html shout box anda
4) Save. Enjoy! 

(0) Comments

Post a Comment