おはようございます
Tutorial ; Hide Shoutbox
posted by Mirza^Husna 7:16 PM 0 comments
HaiHello Assalamualaikum :D

  Uhm okay, oleh sebab saya takdak idea nak buat post saya buat tutorial ajelah eh? Ok, jomjom mula. Sebelum ni Effa classmate saya request hihi ok takpayah cakap pon takpe actually.


Photobucket Dashboard > Design > Add a Gadget > Html Java Script
Photobucket Copy code yang ni lepastu paste kat html tadi tu;

<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 Korang') 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">

MASUKKAN KOD SHOUTMIX KORANG KAT 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>

Photobucket Warna MERAH korang gantikan dengan url gambar shoutbox korang ok?
Photobucket Yang warna BIRU korang kena pandai pandai adjust sendiri.
Photobucket Save, siap :) Oh takpayah tegur saya cari nombor lima tak jumpa tsktsk.

Labels:

design by Wanaseoby