TUTORIAL : Navigation atas header macam Kemetot Chomel

Assalammualaikum bloggers sekalian.. okey tadi ada yang tanya una macam mana nak buat navigation macam una.. kita letak atas header.. actually bukan navigation je kita boleh letak dekat bahagian header tuh tapi code ni juga boleh guna untuk letak icon social network.. so lets start guys!

STEP 1 :

Log in ur Blogger Dashboard. Then sila cari 'Layout' then korunk click 'Add A Gadget' then sila search for the HTML/JavaScript. okey, dah selesai? now copy paste this code :

STEP 2 : 

<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>
<div style='; position:absolute; top: 110px; left:350px;'>
<a href="URL LINK" target="_blank" >
<img src="URL GAMBAR"/></a>
</div></div></div>
<div class='clear'></div>

Nota Kecil :
Merah : yg ni kegunaan dia adalah untuk adjust posisi navigation korunk tuh samaada nak ke atas skit atau ke bawah sikit. kalau korunk increase px dia so dia akan semakin kebawah dan kebawah.. tau? kalau xfhm try dulu then review tgok apa beza kalau korunk adjust in different px. okay?
Oren : yang nie pun sama sama ada nak ke kiri sikit atau ke kanan sikit
Kuning : ini lah ruang untuk korunk letak link korunk contoh : aqupunyekesahbukankau.blogspot.com
Hijau : yang ni pulak url gambar yg korunk nak masukkan tuh. create lah dlu dkt phtoscape ke photoshop ke.

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---