Search This Blog
blog amy

SOROKKAN SHOUT BOX

Posted by amykozo

Tutorial kali nie aku nak ajar korang macam mana nak sorokkan shoutbox macam kt gambar bawah nie...
Photobucket

x perlu edit pada kod html cuma pergi kt design lepas tu add a gadget dan cari html/javascript..

masukkan kod di bawah 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyrrnMDBA_dNvj6NGylS-_BEg7vlLdJXS6R9IWS2-iwcktpO_CjyZAYZqjwOSY8CLmeuAkmxsL9DGuFkKBN9NsZM9D9HXrkjvJVj4wkYRnAdoYu7XvEonOwO-FotzuEFZMUBcuc4zoNaxM/s320/tabs.png') 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">

MASUKKAN CODE SHOUTBOX 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 = (30-gb.offsetWidth).toString() + "px";
</script>



Note :
  • 50px untuk setkan kedudukan shoutbox korang. Semakin tinggi nombor yang korang setkan, semakin ke bawah lah korang punya shoutbox tu.
  • color kuning itu masukkan code shoutbox

jika mahir dalam editing anda boleh ubah color and word, anda boleh gunakan adobe photoshop..

Comments (2)

Comments (2)

Loading... Logging you in...
Dashboard | Edit profile | Logout
  • Logged in as
0 Vote up Vote down
Picoz Shupalula's avatar - Go to profile

Picoz Shupalula · 712 weeks ago

dah lme cari tuto shoutbox nih. dh byk tuto yg jupe, tp sume tk jalan. yg awak punye je jalan. thankyou very much awakk! dan. saye dah follow awak. thanks again :D :D :D *excited gilaaaaaaaak
0 Vote up Vote down
syuhadah's avatar - Go to profile

syuhadah · 696 weeks ago

thanks! :)

Post a new comment

Comments by

Subscribe to: Post Comments (Atom)

RECENT POST

To all u...






Tutorial
back to top
!
i
H