tutorial>camne nak buat shoutbox melayang

ermmm...ade org letak shout box kat side bar,ade 2 shoutbox dya maen sembunyi2....hah!yg ni yg melayang muncul tengah2 blog..hohoho...nak tau camne nak buat!hah....ikut step2 ni...

1.login masuk>dashboard>design>add gadget>html/javascript
2.copy code nie...

<!-- Start flying Shoutbox  by ybl -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js%22%3E%3C/script>
<script>
$(document).ready(function() {
//select all the a tag with name equal to ybl
$('a[name=ybl]').click(function(e) {
//Cancel the link behavior
e.preventDefault();
//Get the A tag
var id = $(this).attr('href');
//Get the screen height and width
var tbbHeight = $(document).height();
var tbbWidth = $(window).width();
//Set heigth and width to tbb to fill up the whole screen
$('#tbb').css({'width':tbbWidth,'height':tbbHeight});
//transition effect
$('#tbb').fadeIn(1000);
$('#tbb').fadeTo("slow",0.8);
//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();
//Set the popup window to center
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
//transition effect
$(id).fadeIn(2000);
});
//if close button is clicked
$('.window .close').click(function (e) {
//Cancel the link behavior
e.preventDefault();
$('#tbb').hide();
$('.window').hide();
});

//if tbb is clicked
$('#tbb').click(function () {
$(this).hide();
$('.window').hide();
});

});
</script>
<style>a {color:#ffffff; text-decoration:none}
img { border: none; }
#tbb {
position:absolute;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;
}
#ddt .window {
position:fixed;
left:0;
top:0;
width:440px;
height:200px;
display:none;
z-index:9999;
padding:20px;
}
#ddt #yblshoutbox {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTWKdsbKhyphenhypheneb8ajCZ7yCDILj054UaatvZE5QFd5j-ArQVs82gpu8hM0xIYlzP1VAyu7bN9mOrz5WQxFI6Ar03KMb_Sd1FkgUDtFILBwlilcymAmvzND-2Wu9Z9A_lsp6zfVgExnPhtn58/s1600/shout.gif) no-repeat 0 0 transparent;
width:272px;
height:460px;
padding:60px 0 20px 15px;
}
#ttp {
padding:2px 0 0 0;
}
</style>
<ul><center> <a href="#yblshoutbox" name="ybl"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk1dRnwgY3WsZmopWr7pY85yVJq7uHCDJd5fSkwC-mxSx7wWikJ-8sxrRwSM_oQrIKpLJHArGB0t2g4AdW3dvYEk_8dMf6SqjJIjhurPZcX4WmZlkd-9bazIpqha-K9UTLDena-LLuj5Y/s512/button.gif" border="0" width="128" height="58" /></a> </center> </ul>
<div id="ddt">
<!-- Start Shoutbox -->
<div id="yblshoutbox" class="window">

paste code shoutbox anda

<div id="ttp"><input type="button" value="Close" class="close" style="background: #0066FF; color: #ffffff;"/><a href="http://teknikbuatblog.blogspot.com/2010/12/cara-pasang-shoutbox-melayang.html%22%3E%3Cfont size="1">get this</font>
</a></div></div><!-- End Shoutbox -->
<div id="tbb"></div></div>
<!-- End of flying Shoutbox  by ybl -->

3.paste n save

and there u ar....shoutbox melayang sedia digunakan.
eh3...cop!ade lagi...nampak x writing yg kaler merah 2...??hah!yg 2 fhm2 je la ye.pastekn code shoutbox korg sendiri...n kalu nk tukar width n height dya pown bole...buat sendiri je...klu sy guna width 100% n height dya 370px.....so try it urself...

friendship..

.

I Will Be Here

by Nicole George

Whenever you’re sad,
or feeling blue,
Just call on me.
I’ll be here for you.
Whenever you’re happy,
or feeling sad,
Just call on me.
You are going to be glad that you had.
‘Cause I’m gonna be there
with open arms.
I’m going to be there
to bear your arms.
I may be young,
or tiny like a bug,
but when you’re sad
I swear to God,
I give the biggest hugs.
So when you’re lonely
or just plain blue,
Just think of me,
or this poem,
And I’ll come to you.

HadiRnya SyawAl Yg DinanTi

Wahhhh....dah nak rayer la......korang dah pepare ke blummmm????sye ni hah!masih x ready pe2 pown lagi tau...dah 2 sibuk sgt dgn peksa kat sek......bju raye korg dh sedia brape dah....?hah?saye?ermmm......xbeli pown lagi.....tapi ary ni last paper so esok lusa papa n mama dh janji nk blikn....hehe...sy dh coppp thun nie nk warne purple..my favrite!my sister still dgn pink dya 2 la....yg kecik2 plak! asyik nk bju princess je...hai,nk buat camne....name pown bdak2..

        so....di kesempatan ini sy ingin mengucapkan ribuan mohon.....bla..bla...bla
aduh.....skema nye ayaat...btol x??hehehehe.....k la sy nk minta maaf lah klu ade ap2 slap ke slah ke spanjg sy mnulis blog ni...ye la sy pown manusia besa kn...ada kekurgnnya...pe2 pown pd yg mengenali atau 'buat2' mengenali,sy ingin wish kt smua SeLamaT hArI RayA aIDiLfitRi maaF Zahir bAtin....semoga ALLAH merahmati kita semua di dunia n di akhirat kelak....AMIN.........