Cara Memasang Shoutbox Tersembunyi

Salam semua dan Selamat Pagi,sementara menunggu anak2 bersiap untuk ke Sekolah,cikmin nak tunjukkan di sini macamana nak pasang Shoutbox.Macam korang semua tengok di Blog cikmin ni,Shoutbox yang dipasang telah disembunyikan,motif?Hehehe,sesaja nak sembunyikan.

Korang nampak tak chotbox cikmin?kita buat magic ok 1..2..3!

Taraaaa!dah pun keluar Shoutbox cikmin,hehehe!

Caranya amat mudah sekali ye,ikut arahan yang diberikan.

1.Masuk PAGE LAYOUT–>PAGE ELEMENT–>ADD A GADJET–>>HTML/JAVASCRIPT

2.Copy Paste Code dibawah ini

<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(‘http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png’) no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<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>
<div id=”gb”>
<div onclick=”showHideGB()”> </div>
<div>
<!– Letak code shoutbox kamu disini–>
<a href=”http://URL ANDA /”>
Chat online

</a>
<div style=”text-align:right”>
<a href=”javascript:showHideGB()”>
[close]
</a>
</div>
</div>
</div>
<script type=”text/javascript”>
var gb = document.getElementById(“gb”);
gb.style.right = (30-gb.offsetWidth).toString() + “px”;
</script></div></div>

3.Kemudian korang semua tengok perkataan ‘URL’ bewarna merah,sila masukkan URL korang.

4.Diatas URL korang tu ada perkataan ‘Ganti ini dengan kod shoutbox kamu’ so korang boleh letak kod chatbox korang sendiri ye.

5.Pastu Klik SAVE.Tenkgok hasilnya.

Note:Untuk perkataan merah diatas sekali tu,korang boleh tukar(background) image url tu ikut design korang sendiri.Kalau takmau tukar pun boleh,kerana imej yang asal pun ok.(bukan yg design mcm cikmin tau)Harap2 korang buat menjadi ye,bak kata SIFU cikmin TRY AND ERROR.

*untuk pengguna blogspot dan juga wordpress.

(credit untuk Mcsue jugak)

• Share
• Tweet

Number of View :2639

Incoming Search Terms:

• cara buat shoutbox tersembunyi (87)
• shoutbox tersembunyi (71)
• tutorial shoutbox tersembunyi (52)
• cara buat shoutmix tersembunyi (49)
• tutorial shoutbox terapung (44)
• buat shoutbox comel (42)
• cara membuat shoutmix tersembunyi (37)
• cara membuat shoutbox tersembunyi (36)
• tutorial buat shoutbox tersembunyi (32)
• shoutbox comel (29)