11.09.2010

tUtORiAl hIDdEN SHoUTmiX

First of All..u allz kena p kat:

1. Desing/PAge Element>>>Add Gadget>>>HTML/ Javascript

2. Then Copy code di bawah dan paste kt HTML tersebut.

3. Untuk menukar gambar ditepi Shoutmix tu, u allz leh gantikan pada link http://img143.imageshack.us/img143/4863/pinki.png ini dengan link gambar yg anda ingini.

4. Untuk perkataan yang gantikan LETAK CODE SHOUTMIX ANDA dengan code Shoutmix anda.


5. Save dan lihat hasilnya.^_^

<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('http://img143.imageshack.us/img143/4863/pinki.png') 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">

LETAK CODE SHOUTMIX ANDA

<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>

19 comments:

Dy cullen said...

wahhh nice share :) terbaik la..

A.K.A umar yg cute

Tomato Gurl's Life said...

coding ni xde pun kaler merah n biru?

CiK QiQi said...

@Dy cullen
Tq dear..bukan pe.2k simpanan qiqi gk..kn qiqi ske gnti layout..hehehe

CiK QiQi said...

@Tomato Gurl's Life
Tq cik tom coz tlg mention kn..qiqi pon xprasa td

wadud@duad said...

wadud dah penah wat.. hehehe..

time kasih qiqi.. :D

Darkbatman said...

ehh dh hidden dh? bgs3..aie pun nanajoe yg wtkan dlu.ahhaa

Zezebel said...

Salam.
Dah dapat ke coding yang saya email semalam?

aibaks said...

keh3... nak hidden cam qiqi wat kt side bar tuh leh ajar tak?

FyZa said...

tengq so much cik qiqi utk tutorial yg sgt2 berguna nie! hehe..insyaAllah klu fyza dah borink ngan lama bleh la try hidden shoutmix nie plak..huhu..;)

CiK QiQi said...

@Darkbatman

Hahahhaa..aie kan mnaje..keh33333

CiK QiQi said...

@Zezebel

Qiqi xdan nak bkk lagi Zezebel..kt company ni de blck email yahoo..gmail.huhu

CiK QiQi said...

@aibaks

TOk nk yg cm Qiqi nye ni ek..tok la ni pakai cbox kn...nnt qiqi tgkkn

CiK QiQi said...

@FyZa

Welcome dear...Qiqi letak ni pon untuk kegunaan QIQi gak..almaklum la Qiqi ni ske je tukar layout..keh333333

AngahSayang2314 said...

wah bestnyer adik angah ajaq ye heheheee

nkara said...

tak reti la koding2 ni qi...
fenin fenin...

CiK QiQi said...

@AngahSayang2314

2k peringatan Qiqi gak angah..hehehhe....smbil2 tu leh kongsi same.heheh

CiK QiQi said...

@nkara

Kalo bab2 gadget ni Qiqi leh lagk..tp kalo masuk bab2 nk bsrkn header ke hape 2..mmg Qiqi kena rjuk pkar gk.heheh

Wanzi said...

salam... nanti ambil hadiah ye

areteacar said...

TQ! Menjadi!hehehe...

Related Posts Plugin for WordPress, Blogger...