Letak Gambar Tepi ShoutBox..

Hye...Actually,aku scare x sngaje nak buat toturial...tp adik sye di Fb tnye mcm mane nak letak gmbar tp shoutbox ni..hahaha..aku kan tamak,dah ade chatbox nak uat shoutbox lg..tp ape aku kisah,ini blog aku yg pnye...so,adik are tqah,sila la ikot arahan ni je...COPY je then paste kat HTML... :)


<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:3000px;
width:200px;
float:left;
cursor:pointer;
background:url(LETAK URL GAMBAR KAT SINI) no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
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 class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

<!-- CODE UNTUK SHOUTBOX ANDA -->

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

Klau x jdi,g thu yew...SELAMAT MENCUBA!

---

b2utyvanilla93 said:Ikhlaslah menjadi diri sendiri agar hidup penuh dengan ketenangan dan keamanan.

---