Tutorial cara sembunyikan shoutbox pada sebelah kiri By Blogger Blog Tutorial
Shoutbox ni jenis common tapi selalu orang guna pada sebelah kanan...yang ni pula versi kiri..sama saja..beza cuma kedudukan...
live demo macam yang anda nampak pada sebelah kiri tu..klik la jangan malu2
Pergi ke design > add a gadget > pilih html / javascript
masukkan code di bawah...
<style type="text/css"> #polshahackrewleft{position:fixed;top:50px;z-index:+1000}* html #polshahackrewleft{position:relative}.polshahackrewlefttab{height:100px;width:30px;float:right;cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOuihfg4sCCgpE2aYZThIBQpiR-_5sx8wYxz8kgqKcRjLuqVJOCr7dBYaMDWIYXQX40BW6F2NM0U1-oNPP_onUERCUO3UuG2LeHgj_d3jqzLfC2rIC5WpmT1L_XX1RuO7f4eVY6A-pjO0/s1600/upload+by+polskahackrew2.png') no-repeat}.polshahackrewleftcontent{float:right;border:2px solid #666;background:#F5F5F5;padding:10px} </style><script type="text/javascript"> function showHidepolshahackrewleft(){var polshahackrewleft=document.getElementById("polshahackrewleft");var w=polshahackrewleft.offsetWidth;polshahackrewleft.opened ? movepolshahackrewleft(0, 30-w) : movepolshahackrewleft(20-w, 0);polshahackrewleft.opened = !polshahackrewleft.opened;} function movepolshahackrewleft(x0,xf){var polshahackrewleft=document.getElementById("polshahackrewleft");var dx=Math.abs(x0-xf) > 10 ? 5 : 1;var dir=xf>x0 ? 1 : -1;var x=x0 + dx * dir;polshahackrewleft.style.left=x.toString() + "px";if(x0!=xf){setTimeout("movepolshahackrewleft("+x+", "+xf+")", 10);}} </script> <div id="polshahackrewleft"> <div class="polshahackrewlefttab" onclick="showHidepolshahackrewleft()"> </div> <div class="polshahackrewleftcontent">
</div> </div> <script type="text/javascript"> var polshahackrewleft=document.getElementById("polshahackrewleft");polshahackrewleft.style.left = (30-polshahackrewleft.offsetWidth).toString() + "px"; </script>
gantikan tulisan ini dengan code shoutbox anda
</div> </div> <script type="text/javascript"> var polshahackrewleft=document.getElementById("polshahackrewleft");polshahackrewleft.style.left = (30-polshahackrewleft.offsetWidth).toString() + "px"; </script>
masukkan code shoutbox anda pada
gantikan tulisan ini dengan code shoutbox anda
cuma ubah sikit ja script tu..dia brubah la jadi macam ni..lain2 arahan sama saja...korang kaji2 la nanti....sekian...('',)
1 ulasan:
Catat Ulasan