Tutorial float shoutbox-cara 1

Assalamualaikum.......
Ada yang tanya cam mana nak buat shoutbox macam saya punya..
Ni orang panggil float shoutbox..tapi selalu yang float ni kat tengah.Saya punya kat tepi sebab tuan punya tutorial yang saya ikut ni tak pandai coding yang center.Jadi lah kat tepi macam tu.Walaupun kat tepi tapi menarik kan?..
Meh kita belajar.
Pergi Dashboard-Design-Page Elemet-Add a Gadget-HTML/Javascripts.Dalam bahagian Content,isi code ni:
<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>

KODE SHOUTMIX ANDA
<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 SHOUTBOX"/></a>
Code yang saya highlight kan dengan warna merah tu tukar ikut kehendak kita..Kalau nak button close dan button shoutbox,boleh ambik kat EMPAYAR BINTANG TIGA sebab saya ikut tutorial dia..Nak buat sendiri lagi bagus..Sementara waktu ambik yang dia dulu..Tapi mintak dulu kat tuan blog tau..Code warna boleh cari kat SINI.
Kalau nak Shout Raya yang ada pelita macam saya punya tu,boleh ambik kat belog APIT.Dah edit,Save...Selamat mencuba.
Kredit SINI

2 ulasan:

  1. hi! tima kasih atas perkongsian ilmu yg diberi..:))

    btw,pls like jap pic ni,bace pantunye dlu,time kasih sgt5
    http://aliaapunyabelog.blogspot.com/2011/08/saya-suka-hari-rayaa.html

    BalasPadam
  2. ooo..yg memang menarik..teehee,,

    BalasPadam

terimakasih sudi komen.azzah lagi berterimakasih jika tiada spam/link biru di sini..:)

 
Design With Love By Nabila Medan. All Right Reserved To Me.