Wednesday, September 21, 2011

2
Little Secrets

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

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

2 comments:

Amy Pdzy said...

yayy! menjadi akhirnyaaa. thanks :)

Nieyna Sakinah ZA said...

ambik satuuuu :D

Related Posts Plugin for WordPress, Blogger...
Copyright @ boLey paNdAnG-paNdAnG, jGn cUri-cUri : FakhRuru