Wadah Madrasah Pengalaman

Salam korang...

Tak nak cakap panjang lah..Korang leh tengok sendiri kat Blog Wanhazeljunior.Korang arahkan cursor kat icon Home,Profile,Banner,Link,Facebook,Twitter kat situ k..Korang nampak tak perubahan??lip lap lip lap tak??ehhhe..So skang nie Wan nak wat Tutorial horizontal Kawaii menu tab (navigation bar) Lip lap lip lap Super cute canggih ..Wah tajuk..Pergh memang power lah kan..ehehhe..Law korang teringin sangat nak wat nie..senang je..Owh ye..Tutorial nie bagi pengguna design/layout template je k..Classic template tak leh nak wat menu tab nie..

Pesanan penaja
Hope tak de yang remove or edit kod yang Wan bagi nie nanti..harap sangat sangat korang faham betapa susahnya Wan koding bende nie...Edit Sikit sikit tu tak pe..jangan ubah sumber je k..

Menu tab Kawaii lip lap lip lap nie memang best sebab leh comelkan blog korang..Sangat syok.Wan tak kedekut ilmu k..Nak kan semua dapat yang terbaik.. .K lah..tunggu apa lagi..

Jum tutorial

Dashboard>Add gadget>HTML
gadget paling atas ..

Law dah..Copyand paste kod nie dalam Gadget HTML korang tu..

<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="http://wanhazel.blogspot.com/2011/03/tutorial-wat-horizontal-kawaii-menu-tab.html"title="Get This " onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Get This','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOeoMKHao4QNfOCNk80IyHJf35pMrrNTztemE3VSsjB25-o90HryXYeqGYK87yKEInxoUUN0r9JGLcyT4iIewbYzPT0x843R2D4GuLWp_03WngWmEd5Dgca7SYFAlWhcDK_VTBLyYY83m2/s1600/wan+1.gif',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDvPZGjB-972Bwrh_9XleunPJAkUkvFT3CK0AUrIFn5CCKG5Y_Eg5BxFlfKOooCeAg42UT05HNnVRgCTxzwzzXMlY01t8oon6lcoL_C4opwlFdz-vBkUndPW-AP6tqwlenD9oYyK0ipxV2/s1600/wan.gif" alt="Get This" name="Get This" width="24" height="24" border="0" /></a>

Ok dah selesai copy..Yang nie korang pilih nak guna yang mana satu...Dan letak dibawah kod diatas tadi..Kod yang korang copy dalam Gadget HTML tu..

</a><a href="LINK PAGE LINK KORANG" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Wan Hazel LINK','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNMpOO1f38h3vzilFUtsDggBVKPVsjv58F44Tqk4I24MlzUPHpXsyePdggzE_01GJl4OvHixux8jkjpsOYI9FU-DjrLqE50r238L-FHucs5lqASB4pCGs0dI1VBR9mD3atqxG8ho_4KZuG/s1600/Link1.png',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmRSdc_afbd8BWB-qcqZMsIgHzkKNmeoJBjzIIkxh_JSmXWgNXbO0mIpRGFDoKUIA6cYxvNkwDy6KaahfRMDe51I2nByckos-OgcjCwquOu7vU54cm1rIQruVwen5tjaNfvgzXKQWwoACr/s1600/Link.png" alt="Wan Hazel LINK" name="Wan Hazel LINK" width="110" height="80" border="0" /></a>

Ok law dah pilih and dah letak semua yang korang nak dalam Add gadget HTML tu..Korang copy Kod yang kat bawah nie lak..mesti Law tak copy tak jadi punya..Kod kat bawah nie untuk tutup ke semua kod diatas..so letak paling bawah k..

Save and view..
Selesai..eheheh..

Selamat mencuba.Kenyit mate sikit.

Untuk ruangan Banner,Link,Profile
Korang wat lah page baru untuk blog korang..Law tak taw cara nya senang je.

G kat new post . sebelah atas tuh ada edit post ...korang klik je dan create new page korang.lepas tu publish dan pilih No gadget k..Dan korang ambik link tu untuk dimasukkan dalam link kod diatas..

Sunday, March 20, 2011

Tutorial wat horizontal Kawaii menu tab (navigation bar) Lip lap lip lap Super cute canggih