tuto : floating shoutbox

Ok . harini aku nak ajar cara cara nak buat shoutbox korang floating . 

leih detail and org panggil dya pop-up kod . lupa dh ! aku nie tk pandai omputeyh . baru nak merangkak . HAHA . #mcmkesah

log in > design > page element > add gadget > html / javascript

copy url shoutbox korang then letak dekat notepad dulu ( takut konpius  )

copy code yg dekat bawah nie dekat note pad yg baru ( senangkan keje )

<style type="text/css">

.gb_fixed{

position:fixed;

top:50px;

right:0px;

z-index:+10;

}

* html .gb_fixed {position:relative;}

#hidden_gb2 {

display:none;

border:3px dashed #FF0080;

right:10px;

padding:10px;

padding-top:20px;

}

</style>

<div class="gb_fixed">

<table id="hidden_gb2" cellpadding="0" cellspacing="0">

<tr><td>

<center>URL SHOUTBOX</center>

<div><center><a href="javascript:void(0)" onclick="gb_showHideGB()">

<img src="URL BUTTON CLOSE"/></a></center></div>

</td></tr></table>

</div>

<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>

<div style="z-index:+5" class="gb_fixed">

<a href="javascript:void(0)" onclick="gb_showHideGB()">

<img src="URL BUTTON OPEN "/></a></div>

 ok , aku nak explain la sikit oke . yg kaler biru tuh pandai pandai korang la nak blog korag fesyen ape , line ape , wane ape . ikut kreativiti korang dan paling penting memuaskan hati korang ok .

 yg kaler merah tu , korang masukan code shoutbox korang ok .

 yg kaler oren tuhh , koran buh button close . untuk ttup box korang . contohnya :

lebih kurang laaa . korang buleh edit sendiri or cari je kat google . 

 kaler kuning tuh pulak , button open chatbox koran untuk bw . ha contonya :

yg nie pon antara korang edit sendiri or cari . terpulanglahh . tapi untuk kepuasan . baik buat sendiri .

 dh siap ? puas ? ok save ! selamat mencuba

credit : adek wanie