Tutorial 1:cara nak comelkan shoutbox.comel ke?;)

Assalam ols

requst ni from BELLALICIOUS

fina ajar apa y tau je yea?

fina xmahir bab2 nak ajar org ni tapi fina try okey...

STEP 1

Design-Add a gadget-HTML/Javascript

copy code niey (tekan Ctrl C)

<style type="text/css">

#at{

position:fixed;

right:450px;

z-index:+1000;

}

* html #at{position:relative;}

.attab{

height:100px;

width:30px;

float:right;

cursor:pointer;

background:url();

}

.atcontent{

float:left;

border:1px dashed #F5A9F2;

background:url(URL gamba yang anda suka)repeat; #FF00BF repeat-x bottom center scroll ;

-moz-border-radius-topleft:15px;

-moz-border-radius-topright:15px;

-moz-border-radius-bottomleft:15px;

-moz-border-radius-bottomright:15px;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideAT(){

var at = document.getElementById("at");

var w = at.offsetWidth;

at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);

at.opened = !at.opened;

}

function moveAT(x0, xf){

var at = document.getElementById("at");

var dx = Math.abs(x0-xf) > 25 ? 35 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

at.style.top = x.toString() + "px";

if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}

}

</script>

<div id="at">

<div class="attab" onclick="showHideAT()"> </div>

<div class="atcontent">

<div align="center">

<div style="background:url() no-repeat;">

CODE SHOUTMIX ANDA

</div>

</div>

<br />

<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://dl.glitter-graphics.net/pub/2014/2014301jiew25rxhn.gif" alt="close" title="Close" /></a></div>

<br /><div align="right"><font size="3"><a href="http://wanhazel.blogspot.com/"><div style="color: #FF0000;">

<span >Get Float slide Widget</span></div></a></font></div>

</div></div>

<script type="text/javascript">

var at = document.getElementById("at");

at.style.top = (-200-at.offsetWidth).toString() + "px";

</script>

*yang warna PURPLE tu,ganti nga warna yang korang nak okey?klik sini 

then yang warna MERAH tu,ganti nga wallpaper comel2 yang korang nak okey?klik sini

yang warna BIRU tu, ganti  nga shoutmix korang okey..

dah siap!tekan SAVE 

eyhhh..ade lagi tau

STEP 2:

Design-Add a gadget-HTML/Javascript

copy code kat bawah ni

<div style="display:scroll; position:fixed; top:300px; right:-0px;">

<a href="javascript:void(0);" onclick="showHideAT()"><img class="expando" width="300" height="200" src="URL IMAGE COMEL KORANG" alt="PUSH" title="jerit kat sini" /></a>

</div>

cari URL IMAGE tue kat link kat atas boley,kat photobucket pon boleyy..xpun design sendiri gune photoshop ke ape ke okey :)

p/s:yang mintak share camne wat header tue next tyme okey fina buatkan..:)

thanks

papai

xoxoxox