Lamanku: Buat Shoutbox (Hide)

Buat Shoutbox (Hide)

MH

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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTLLir4xXfyJ8BcbdvOAWTiXXnOq204ScQwjNdAfjWMjizuVIVeHh6twXoN3Beev_X7lU61p5o8Ul_rsoXRVvIOFDuF1QoohgUEOse4H8m3-EVONfn_diwj7BMAWBZbrrx6VnkJZvN8CQH/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 disini<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 shoutbox korang.

Tukar link dalam warna merah (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTLLir4xXfyJ8BcbdvOAWTiXXnOq204ScQwjNdAfjWMjizuVIVeHh6twXoN3Beev_X7lU61p5o8Ul_rsoXRVvIOFDuF1QoohgUEOse4H8m3-EVONfn_diwj7BMAWBZbrrx6VnkJZvN8CQH/s320/tabs.png) dengan URL gambar utk Icon Shoutbox korang..

That's all

Assalamualaikum. Bye

TERIMA KASIH KERANA SUDI MENDENGAR CERAMAH DARIPADA

En MOHA MOHU

.

Labels: tutorial

0 Responses

Post a Comment

Subscribe to: Post Comments (Atom)