11 December 2011

Tutorial Shoutbox Hide

tutorial kali nie aku nak ajar camne nak hide shoutbox korang.(Mcm shoutbox aku)


1. Dashboard > Layout > Page Elements > Add a Gadget > HTML/Javascript

2. Copy dan Paste code kat bawah nie ye
<style  type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } *  html #gb{position:relative;}  .gbtab{ height:100px; width:30px;  float:left; cursorointer;  background:url('http://3.bp.blogspot.com/_LZtXSNcp76A/SzzN08B1K5I/AAAAAAAAA0U/QT4rY6-FhI8/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"><br /> CODE SHOUTBOX ANDA DI SINI<br />  <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><br />

Lpas tu tukarkan perkataan "CODE SHOUTBOX DISINI" dalam code diatas dgn code shoutmix/cbox/fibox korang.


 Tukar link dalam warna merah (http://3.bp.blogspot.com/_LZtXSNcp76A/SzzN08B1K5I/AAAAAAAAA0U/QT4rY6-FhI8/s320/tabs.png) dengan URL gambar utk Icon Shoutbox korang.. 
That's all
Assalamualaikum. Bye

Syukran 'ala kulli haal. From your friend, moha_mohu

0 ,581 mengulas:

Post a Comment