= toturial 4 cute shoutmix

assalammualaikum

pembuka bicara..

hye selamat petang...

huhuhu...

ary nie leeya nk share cam ne nk wt toturial shoutmix yg cute..

hehe...

leeya pn x la pandai sangat...

tp leeya nk share cam ne nk wt toturial yg agk cute la..

lau u all berkenan u all ley la wt...

sje je kn bosan x taw nk wt pe...

mula2 u all copy code kt bawah nie :)

<div style='display:scroll; position:fixed; top:30px; left:10px;'><div class='clear'></div> 

<div class='widget html' id='html1'> 

<div class='widget-content'> 

<script type="text/javascript"> 

function MM_swapImgRestore() { //v3.0 

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; 

} 

function MM_preloadImages() { //v3.0 

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); 

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) 

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} 

} 

function MM_findObj(n, d) { //v4.01 

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { 

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} 

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; 

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); 

if(!x && d.getElementById) x=d.getElementById(n); return x; 

} 

function MM_swapImage() { //v3.0 

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) 

if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} 

} 

</script> 

<a class='linkopacity' href='http://wanhazel.blogspot.com/2011/08/tutorial-slide-shoutbox-icon-swap-edisi.html' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='get this'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-lVm6qm2nw3lWB9cforPW748q_BkaWe5UDn0xb8aQASF6IrZiaiAACdZZBhhyphenhyphenO-SbSFJWMt-nozUkp_EI-1mLDU_BRCoyyd6i9tpwQfEzkyRPvo1HJbHsQWxfgC9bFGzy3AkBPDeQjvQ/s1600/iconlink.gif" /></a><br /> 

<a href="javascript:void(0);"onclick="showHideAT()" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('SHout','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMo_-kNV1cgq1-TNKyWiVAxHYGp1_NMWp2LIt__AyWNyWpP29iwHlcAfIYTT7MeUVCkSkZGxVAR6607-aVWSBCUuvooPJNrRYzR0KAmP2I47R13VtOwnhVFZqvUdHs62TwpDpK28xgNOw/s1600/b.png',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXTcQv8b4IvPF6kTb7KXhn0I7lbygvZStzTWVXhyTArMTaWDQU-uCz9JQO3CZFUKL3U3j8tYleX-2ibgKCR6pm2yH2_6ifvX1zVtYZxhTUJgoiy5YJRN14RNJejSxu4ng3jFXpC9Lc2A/s1600/a.png" alt="SHout" name="SHout" width="140" height="140" border="0" /></a> 

<div class='clear'></div></div> 

</div></div> 

<style type="text/css"> 

#at{ 

position:fixed; 

top:0; 

; 

} 

* html #at{position:relative;} 

.attab{ 

height:100px; 

width:30px; 

float:left; 

cursor:pointer; 

background:url(); 

} 

.atcontent{ 

float:right; 

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjMgVpDhbxWQGNZVGUZ_XLp3K-wbPgxYjarsMAnU0dfvmfKKRArMpdEYt4qwbpC4vKiDGy9srBOtpkz5V6EOUn5KILpgLKY6pY84y4yz4yIS0QIY1oFoOBQRT6jrcXtNm2c2XoW6NjD0g/s1600/c.png) no-repeat 0 0 transparent; 

width:800px; 

height:460px;center scroll ; 

padding:56px 0 20px 5px; 

} 

</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;"> 

<br /><br /><br /><br /><br /><br /> 

<!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="lEeYaFunnY" src="http://www.shoutmix.com/?lEeYaFunnY" width="30%" height="300" frameborder="0" scrolling="auto"><a href="http://www.shoutmix.com/?lEeYaFunnY">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /><!-- End ShoutMix --></div></div></div></div>

u all jgn copy tulisan warna biru 2 coz tulisan biru 2 link

shoutmix leeya....lpas u all copy semua link yg leeya bg 2 u all delete tulisan yg 

warna biru 2 then u all masuk kn link shoutmix u all sndri...
slesai je copy u all g kt dashboard pas 2 u all g kt design
pas 2 all g lak kt add gadjet pas 2 u all cari HTML/JAVASCRIPT u all klik then
u all paste semua link yg kowg dh copy td...

lepas dh selesai semua kowg akan dpt shoutmix cute cam nie..

nie bile mouse u all berada di pic shoumix nie..

nie lak time mouse u x berada di pic shoutmix..

ni kotak shoutmix ny...

so pada sape2 yg suke boley la cube...

lau ad pape masalah u all boley tnye leeya k...

lau leeya ley tolong leeya tolong k..

ok la selamat mencuba semua...