Hye sume..harini sy ade sesuatu nk dikongsi..
ni pon sy belajar dari Kak Hanna
Tutorial ni diminta oleh
Nurayna
1. Dashboard-Design-Page Element-Add Gadget-HTML/JAVASCRIPT .
2. copy code kat bawah ni n paste kat HTML JAVASCRIPT tu .
* jangan lupa letak code shoutbox atau cbox korang .
2. copy code kat bawah ni n paste kat HTML JAVASCRIPT tu .
* jangan lupa letak code shoutbox atau cbox korang .
AMARAN ! hANYa bisa digunakan utk blog yg telah di upgrade
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:400px;
width:150px;
float:left;
cursor:pointer;
background:url('http://i1041.photobucket.com/albums/b418/hannafauzann/swdw-7.png?t=1281336728') 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, 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 SHOUTBOX ANDA DISINI
<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>
♥ yang warna purple tu width and height utk gamba .
♥ yang warna emas tu url gamba yang korang nak .
♥ yang warna merah tu , kalau kau kena adjust sikit .Kalau nk tahu lebih lanjut tengok la kt sini..ade lagi mcm2 gmbr
Click this
Kalau tahu bace..tahu jugak la nk komen kan..?
Ade ape2 hal tanye yer =)
1 comment:
ada soaln...
yg begin shoutbox dlu 2 buang lh?
x leh pon ayna bwat......
Post a Comment