Followers

Tutorial : Floating Shoutbox Cantik


Okay , actually ni first time buat tutorial . Hope korang support aku buat tutorial . Aku baru memberanikan diri untuk buat tutorial . Okay , let's we start .
Bismillahhirahmannirahim :)

Dashboard -> Design -> Add Gadgets 

Then , masukkan 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;
right:10px;
padding:10px;
padding-top:20px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<center><center><div style="background: url('Background url korang') repeat; repeat; padding: 5px; border:2px dashed #F6CEEC; border-top-left-radius: 30px 30px; border-top-right-radius: 25px 25px; border-bottom-left-radius: 25px 25px; border-bottom-right-radius: 25px 25px;">
<center>Text</center>

<center>Code Shoutmix/Cbox</center>
<div><center><a href="javascript:void(0)" onclick="gb_showHideGB()">
<img src="http://4.bp.blogspot.com/-Jx0Ex5_Iiw8/TfpnYeG8--I/AAAAAAAABtw/XKUp2x1Tqd8Ab/s1600/lalala.png"/></a></center></div></center>
<div><center><a href="javascript:void(0)" onclick="gb_showHideGB()">
</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="http://i1092.photobucket.com/albums/i402/syirara/shouthere.gif "/></a></div>

 ABC - Url Background Korang 
ABC - Text korang
ABC - Code Shotmix/Cbox korang 
ABC - Button tutup , kalau nak pakai yang aku punya tu pun boleh jugak .
ABC - Button bukak .




Then preview dulu baru save , langkah-langkah keselamatan .
Kalau tak jadi comment kat comment box kayy .
SELAMAT MENCUBA :)

No comments:

Post a Comment