Pewarna Dan Perisa Word's Aira

Friday, 19 October 2012

Tuto Hidden Cbox with cute pic (Classic Template)

Bismillahirrohmanirrahim.. Assalamualaikum semua.. aira nk kongsi satu tuto ni, yang baru aira igt care nk wat.. semua aira sediakan k? gmbr and so on.. :)) hope dpt tlg korang. :)

bagi yang xde cbox lagi tu.. pergi buat kat sini = CBOX =

firstly.. korang sign in to your blogger.com
pstu g kate template k, pstu korang kopi ni

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:400px;width:150px;float:left;
cursor:pointer;
background:url('http://i1083.photobucket.com/albums/j383/eirae/th_lulu.png?t=1292211178') 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, 150-w) : moveGB(170-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">\
 (letak code cbox/fibox/shoutmix(boleh kot) kat sini)

<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 = (140-gb.offsetWidth).toString() + "px";</script>
dh kopi? dh? k skrg korg g kat template korang tu, korang tekan CTRL + F pastu taip <head>
... korang paste kod panjang ^^ td tu kat atas <head>

warna *** buang perkataan tu n then paste kan code cbox korang..
warna *** icon ..yg tu dh cantek dh tu, tp klo korang nk icon yg lagi cantik gi cari kat sini = icon comel =

dah siap.. tgal sabe and pibeiw .. klo xjadi commen k?? tnye la ape2 yg ptut.. sy psti jwb.. inshaa allah! ...

No comments:

Post a Comment

Meh cini2.. komen2.. =D

Related Posts Plugin for WordPress, Blogger...