25/09/11

Tutorial cara menyembunyikan shoutbox|Common Left


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('http://2.bp.blogspot.com/-bhNzVF-fOxM/Tn4woCMJgWI/AAAAAAAAAHo/tF24FTPI25I/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">

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:

eszyamin berkata...
Ulasan ini telah dialihkan keluar oleh pengarang.

entri ja

Related Posts Plugin for WordPress, Blogger...