Pages

16 April 2012

Tutorial : Autohide Shoutbox plus Float

hellow....~~
tuto lagi....rajin nya amoy...ehe.~ masuk bakul angkat sendiri.~
..amoy nak share apa yang amoy dapat hari ni...amoy ada buat Cbox taw...lebih kurang macam Shoutmix..tp shoutmix ni berbayar..C box free saja..jadi siapa yang mahu Cbox tu..boleh la register di sini.. http://www.cbox.ws/ .. ok la..amoy mahu ajar macam mana mahu auto hide kan c/box korang tu.. sembunyi-sembunyi macam tu...kalau korang suka main sembunyi-sembunyi...boleh la ikut tuto ni...hehe


 Seperti biasa, Sign in blogger > Design > Page Elements > Add a Gadget > HTML/javascript
  COPY code di bawah dan masukkan ke dalam HTML/javascript tadi..
<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 #F70415;
background:#FC6A84;
right:10px;
padding:10px;
padding-top:20px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
MASUKKAN CODE SHOUTBOX DI SINI/CBOX
<div><center><a href="javascript:void(0)" onclick="gb_showHideGB()">
<img src="URL BUTANG 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 BUTANG SHOUTBOX"/></a>

  Tukar benda berikut :


MASUKKAN CODE SHOUTBOX DI SINI : Code shoutbox korang, register sini kalau tak ada.

URL BUTANG CLOSE : url link butang close

URL BUTANG SHOUTBOX : url butang shoutbox

#F70415 : warna border
#FC6A84 : warna background

code warna KLIK


di bawah ni..amoy beberapa pic untuk korang....hehehe...enjoy it..



Butang Close






http://4.bp.blogspot.com/-S08TcYj93Tk/TjgPX3MfJNI/AAAAAAAABek/hUiFqdyqOA0/s1600/close.png

http://4.bp.blogspot.com/-9fVH-YeXUNU/TjgPYQ1HatI/AAAAAAAABeo/oaIalgJZGbA/s1600/close2.png




http://2.bp.blogspot.com/-wtG2O4Cml64/TjgPY3kyE7I/AAAAAAAABes/RepAsVgwuOU/s1600/close3.png

Butang Shoutbox



http://1.bp.blogspot.com/-rSp4ahf8U0U/Tlbwde0w26I/AAAAAAAABt0/jie9RhAayuk/s1600/farahblack.png

http://1.bp.blogspot.com/-vY3tcPtmLk8/Tlbwd7hYd0I/AAAAAAAABt4/34_1BKkIyzY/s1600/farahbluelight.png

http://3.bp.blogspot.com/-IervuVeMojw/TlbwePL1yiI/AAAAAAAABt8/gj6_NGSq-r4/s1600/farahhotred.png

http://3.bp.blogspot.com/-liNiGO08LtY/Tlbwem_1BPI/AAAAAAAABuA/Ux1oJ9fDQQo/s1600/farahlemon.png

http://4.bp.blogspot.com/-fKFzsKTR9R4/TlbwfNbvAJI/AAAAAAAABuE/ZX20NsNaPRU/s1600/farahmix.png

http://2.bp.blogspot.com/-KD_mK68ZmmQ/TlbwfbpXLnI/AAAAAAAABuI/X9QrOvy_gQM/s1600/farahorange.png

http://3.bp.blogspot.com/-HpO62EmipQY/Tlbwf3g9crI/AAAAAAAABuM/QuveS-wxnf8/s1600/farahpurple.png

http://3.bp.blogspot.com/-l7MRvmjnVwI/TlbwgOykCrI/AAAAAAAABuQ/uRCDB5FXvIk/s1600/farahred.png

http://1.bp.blogspot.com/-RouydudtoTs/Tlbwg8wwaRI/AAAAAAAABuU/uJb1rj_DQrk/s1600/farahsoftpink.png



http://3.bp.blogspot.com/-lU-GkG0oIpo/TlbwhoRkupI/AAAAAAAABuY/bbQZKyjRzUA/s1600/farahsoftpurple.png

http://1.bp.blogspot.com/-6jLw0xPd8gI/Tlbwh_KIoFI/AAAAAAAABuc/QxTjhv2ei9w/s1600/farahwhite.png


ok la....selamat mencuba..
P/S : kalau tidak menjadi komen ea..kalau menjadi pun komen...hehehe..tq..~~ arigatooowww


Tolong Tekan Untuk Amoy Text Di Bawah Ni K.. hehe
_________________________________________________________________

Yuna Di Atas Bintang
Life Story
_________________________________________________________________

dah??ok...tq.

No comments: