Icon Tepi Hide Shoutbox



Assalamualaikum ,

Request from FIT . tak ad link sebab blog dia NOT FOUND ):


1. Pi cari gambar yang kiut - kiut dekat Glitter Graphic or mana - mana ja lar kan . Nak senang edit sendiri ja .

2. Bila dah ada gambar , pi kat Dashboard > Design . Then , buka gadget kod shoutbox hangpa .

Contoh : 

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url(' kod Icon Anda') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
MASUKKAN CODE SHOUTBOX DISINI
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

3. Masukkan kod  icon korang kat tempat Fyqa bold tuu .

4. Save .

Sorry Fyqa tak ada sediakan icon comel - comel untuk you . Kemalasan yang melampao hari nih ((:


Lastly , doakan Fyqa SPM 11A+ (!)
Comments
4 Comments

4 Doakan Fyqa Kurus :):

Sarah Maisarah said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

akk , tak phm lha , mcm mne ?

Fyqa said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

@Sarah Maisarah
uke . kod yang akak bagi nih kod shoutbox hide tw. kalo na buat just masukkn kod shoutbox adik dekat tulisan warna biru yg bawah tuu. kalo gambar icon shoutbox pulak dekat tulisan biru yg atas tuu. paam ta ?

Sarah Maisarah said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

dh mskkan dh , tpi tak mnjadi ?

Fyqa said... Best Blogger Tips[Hit You Back !]Best Blogger Templates

@Sarah Maisarah
kod gmba adik tuu kna lar btoi. kalo ta gmba tuu ta kua .