T W I N K L E.
Tutorial : Floating Button;
Friday, March 4, 2011 | 10:30 PM | (2 notifications)
Hello peeps ! Assalamualaikum.
Bismillahirrahmanirahim

Now wany nak buat tuto. Okayy. Tuto niy sys bambam yang request. 
Oke sys. Bace leklok okehh? Hee, :) 

Pergi dekat Design > Page Elements > HTML/Javascript
Copy code nih then paste dkat ruang HTML/Javascript
<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 solid #f5f347;
background:#604c3a;

right:10px;
padding:10px;
padding-top:20px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>

Masukkan code shoutmix korang kat sini

<div><center><a href="javascript:void(0)" onclick="gb_showHideGB()">
<img src="masukkan url untuk 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="masukkan url button shoutbox"/></a>

Yang warna biru tuh korang boleh tukakann kaler border & background tuh. 

Kaler merah tuh pulaak korang boleh edit untuk jarak button korang tuh dari atas.

Button close tuh korang oleh tuka kan dgn gamba ' close here ' or etc.

Button shoutbox korang tuka kan dgn gamba ape yang korang nak ltak.

Kalau dah habes boleh tekan save ! Siap :) 

Coretan NNH 

Labels: