Saturday, April 16, 2011

sEkEjAp AdA sEkEjAP TiAdA ...( Shoutmix )

Sekejap ada sekejap tak ada ... apa tu ? macam biskut jer. Saje jer aku buat tajuk ni. Sebenarnya aku nak tunjukkan korang bagimana nak buat kotak shoutmix korang keluar apabila klik pada kotak shoutmix tu. Macam yang pernah korang lihat kat blog-blog orang lain tu. Shoutmixnyer dok kat tepi ( sidebar ). Klik jer kotak tulisan shoutmix dia akan slide keluar, klik sekali lagi dia akan slide menyorok. Korang bolehlah baca post ni kalau korang nak tau cam ner nak buat yea.



Langkah 1 : Buka akaun blogger korang dan pilih blog yang korang nak letak shoutmix, itu pun kalau korang ada banyak bloglah yea.

Langkah 2 : Klik pada design , kemudian pilih add a gatged. Pilih HTML/Javascrit.

Langkah 3 : Copy kan kod di bawah kat kotak HTML/Javascript tadi , Ingat jangan tulis apa-apa kat ruangan TITLE. Tinggalkan kosong ajer. Kodnya ialah :

<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://3.bp.blogspot.com/_LZtXSNcp76A/SzzN08B1K5I/AAAAAAAAA0U/QT4rY6-FhI8/s320/tabs.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">

LETAKKAN KOD SHOUTMIX ANDA DI 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 = (30-gb.offsetWidth).toString() + "px";
</script>

Langkah 4 : Gantikan tulisan MASUKKAN KOD SHOUTMIX ANDA DI SINI yang ada dalam kod tersebut dengan kod shoutmix anda.

Langkah 5 : SAVE kan. Itu ajer. Selamat mencuba.

No comments:

Post a Comment