Tutorial : Hide Shoutbox

Salam 23 Syawal 1432 H (^__^)/

Mari kita bertutorial lagi.!! Suka tak? Suka tak? (^__^)v  Sebenarnya tak ada stori mori sangat nak dikongsikan dengan korang-korang yg tomei lagi baik sikit daripada saya nie  =P  Lagipun dapat request from a Guest yg tak dikenali tanya about this tutorial...

He/She asked me how to hide the Shoutbox  *speaking plak* XD  After bertungkus lumus menyetadi, this is the tutorial.. Just take a look & try it (^__^)v

PROSEDUR

• Dashboard --> Design --> Add a Gadjet --> HTML/Java Script
• Copy & pastekan code di bawah ini dalam ruangan HTML/Java Script

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:350px;

width:140px;

float:left;

cursor:pointer;

background:url('URL GAMBAR APA-APA SAJA') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #00000;

background:#F5F5F5;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 150-w) : moveGB(170-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 class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

LETAKKAN CODE SHOUTMIX DI SINI

<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 = (140-gb.offsetWidth).toString() + "px";

</script

• Kalau rasa nak ubah tinggi lebar Shoutbox korang-korang, hanya tukarkan yg warna BIRU ikut citarasa korang-korang sendiri
• MERAH --> letakkan apa-apa URL gambar (cth : macam gambar sotong terbang di Shoutbox saya)
• PURPLE --> amat penting utk letakkan kod shoutmix korang-korang.. Kalau tak, tak wujud lar shoutmix korang-korang.. Hohoho~ (^__^)v
• Dah siap semua, SAVE & lihatlah hasilnya  *shoutbox korang-korang dah main aci menyorok*

Ada sebarang pertanyaan & request lagi? Silalah hubungi saya di talian fakhruru.blogspot.com.. Hahaha!! (^__^)v

"GIVE RELIEF TO THOSE IN GRIEF"

P/S : big or little u are amazing just the way u are (^__^)v

Tweet

---

JGN SHY-SHY CAT UTK B'KOMEN (^_^)v

---