Cara Membuat Statis Menu

Statis Menu ini muncul di sebelah pojok kiri atas
halaman blog. Preview dari Statis Menu ini seperti
yang Anda lihat pada gambar di bawah ini :

Inilah langkah cara untuk membuatnya :

1.   Masuk ke Edit HTML.

2.   Cari tag </head>

3.   Copy kode berikut dan letakkan
      di atas tag </head> ini,
      kemudian Simpan template Anda.

<STYLE TYPE="text/css">
<!--

.menuh {
BORDER-COLOR : #FFFF99 ;
cursor : hand ;
Border-Left : #FFFF99 ;
Border-Top : #FFFF99 ;
Padding-Left : 1px ;
Padding-Top : 1px ;
Background-Color : #FFFF99 ;
 }
.menu {
Background-Color : white ;
 }
.home {
cursor : hand ;
 }

.menulinks{
text-decoration:none;
}
//-->
</STYLE>

<script language="Javascript1.2">
<!--

/*
Static menu script III (By maXimus, maximus@nsimail.com, http://absolutegb.com/maximus/)
Modified slightly/ permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

//configure below variable for menu width, position on page
var menuwidth=110
var offsetleft=10
var offsettop=90

var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

function makeStatic() {
if (ie4) {object1.style.pixelTop=document.body.scrollTop+offsettop}
else if (ns6) {document.getElementById("object1").style.top=window.pageYOffset+offsettop}
else if (ns4) {eval(document.object1.top=eval(window.pageYOffset+offsettop));}
setTimeout("makeStatic()",0);
}

if (ie4||ns6) {document.write('<span ALIGN="CENTER" ID="object1" STYLE="Position:absolute; Top:20; Left:'+offsetleft+'; Z-Index:5;cursor:hand;background-color:black;"><TABLE BORDER="1" width="'+menuwidth+'" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="black" bgcolor="white">')}
else if (ns4){ document.write('<LAYER top="20" name="object1" left="'+offsetleft+'" BGCOLOR=black><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="1"><TR><TD><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" width="'+menuwidth+'">')}

if (ie4||ns6||ns4)
document.write('<TR><TD BGCOLOR="#3399FF" BORDERCOLORDARK="#99CCFF" BORDERCOLORLIGHT="#003399"><P ALIGN=CENTER><FONT SIZE="4" FACE=ARIAL>Menu</FONT></TD></TR>')

var menui = new Array();
var menul = new Array();

//configure below for menu items. Extend list as desired

menui[0]="Menu 01";
menui[1]="Menu 02";
menui[2]="Menu 03";
menui[3]="Menu 04";
menui[4]="Menu 05";
menui[5]="Menu 06";
menui[6]="Menu 07";
menui[7]="Menu 08";

menul[0]="URL Menu 01";
menul[1]="URL Menu 02";
menul[2]="URL Menu 03";
menul[3]="URL Menu 04";
menul[4]="URL Menu 05";
menul[5]="URL Menu 06";
menul[6]="URL Menu 07";
menul[7]="URL Menu 08";

for (i=0;i<=menui.length-1;i++)
if (ie4||ns6) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=\''+menul[i]+'\'" onmouseover="className=\'menuh\'" onMouseout="className=\'menu\'"><CENTER><FONT>'+menui[i]+'</FONT></TD></TR>')}
else if (ns4){document.write('<TR><TD BGCOLOR="white"><ILAYER><LAYER width="'+menuwidth+'" onmouseover="bgColor=\'yellow\'" onmouseout="bgColor=\'white\'"><CENTER><A HREF="'+menul[i]+'" class=menulinks>'+menui[i]+'</A></CENTER></LAYER></ILAYER></TD></TR>')}

if (ie4||ns6) {document.write('</TABLE></span>')}
else if (ns4){document.write('</TABLE></TD></TR></TABLE></LAYER>')}

function menu3(){
if (ns6||ie4||ns4)
makeStatic()
}

window.onload=menu3

//-->
</script>

KETERANGAN :

Gantilah warna-warna border dan back-

groundnya dengan warna keinginan Anda.

Atur juga ukuran menunya

pada kode var menuwidth=.........

Masukkan URL-URL yang akan

Anda isi di menu statis ini.

Kurangi atau tambahkanlah URLnya

sesuai dengan kebutuhan Anda.

Selamat mencoba, good luck!