.



Salam korang...

Kali nie Wan nak wat Tutorial Header berubah bila cursor dihalakan ke header korang.Korang leh tengok kat Blog nie..Wanhazeljunior.Cara nya senang je..So Wan akan percepatkan lah tutorial nie ..ehhehe..jangan buang masa lagi.


Mula mula korang edit lah header korang..header satu dan header dua..Contoh macam kat atas tu..before and after..So mesti ada dua header lah..kalau satu je so tak berubah lah header korang..


Ok selesai dah edit header korang..Korang copy kod dekat bawah nie k..

<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 href=""title="header " onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('header','','KOD HEADER 2/after',1)"><img src="KOD HEADER 1/before " alt="header" name="header" width="" height="" border="0" /></a>
<div class='clear'></div></div></div>

Korang paste kan dekat ADD GADGET>HTML korang..

letak kat gadget paling atas k or dekat bawah header korang..


Dan lepas tu korang kene ambek kod untuk header korang tu lak..Korang leh tengok tuto nie untuk dapatkan kod gambar header.Dapatkan kod header..Dapat kan dua dua kod untuk header korang tu


Lepas tu korang masukkan lah kod header tu kat dalam kod yang korang paste tadi..Ambek kod yang Wan higlight kan kat dalam tuto tu je k..takyah tambah pape..paste je terus kat dalam kod

KOD HEADER 2/after dan KOD HEADER 1/before



Lepas tu save..kalau ok ,
korang remove je terus header lama korang...


So tu je lah..


Selamat mencuba


.