Cara Membuat Menu Navigasi Vertikal

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

Seperti halnya pada artikel yang "Cara membuat buku tamu melayang (show/Hide)". Tapi kali ini saya akan memberikan sedikit tips tentang Cara Membuat Menu Navigasi Vertikal Melayang (Show/Hide).

Contohnya bisa dilihat pada gambar disamping. gimana?? sobat tertarik??

ok deh klo gitu, langsung pada langkah" Cara Membuat Menu Navigasi Vertikal Melayang (Show/Hide)

1. login Blog
2. Rancangan >> edit HTML 
3. Cari kode </head>
4. Lalu letakkan kode dibawah ini diatas kode </head>

<script src='http://elmubarok.googlecode.com/files/floating1.js' type='text/javascript'/>

<script>

YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor=&quot;#cc0000&quot;;
menuIsStatic=&quot;yes&quot;;
menuWidth=120;
menuCols=3;

hdrFontFamily=&quot;verdana&quot;;
hdrFontSize=&quot;2&quot;;
hdrFontColor=&quot;black&quot;;
hdrBGColor=&quot;#cc0000&quot;;
hdrAlign=&quot;left&quot;;
hdrVAlign=&quot;center&quot;;
hdrHeight=&quot;15&quot;;

linkFontFamily=&quot;Verdana&quot;;
linkFontSize=&quot;2&quot;;
linkBGColor=&quot;white&quot;;
linkOverBGColor=&quot;#cc0000&quot;;
linkTarget=&quot;_top&quot;;
linkAlign=&quot;Left&quot;;

barBGColor=&quot;#cc0000&quot;;
barFontFamily=&quot;Verdana&quot;;
barFontSize=&quot;2&quot;;
barFontColor=&quot;white&quot;;
barVAlign=&quot;center&quot;;
barWidth=20; // no quotes!!
barText=&quot;MENU&quot;;

// ----- Mulai Edit Menu

ssmItems[0]=[&quot;OPTION :&quot;] //Header Menu
ssmItems[1]=[&quot; Home&quot;, &quot;/&quot;, &quot;&quot;]
ssmItems[2]=[&quot; Daftar Isi&quot;, &quot;http://vikrymadz.blogspot.com/2011/03/daftar-isi-vikrymadzblogspotcom_9488.html&quot;,&quot;&quot;]
ssmItems[3]=[&quot; Link Exchange Blog&quot;, &quot;http://vikrymadz.blogspot.com/2011/02/link-exchange-tuker-link.html&quot;,&quot;&quot;]
ssmItems[4]=[&quot; Banner Exchange&quot;, &quot;http://vikrymadz.blogspot.com/2011/02/banner-sahabat.htmll&quot;,&quot;&quot;]
ssmItems[5]=[&quot; Kode Warna&quot;, &quot;http://vikrymadz.blogspot.com/2011/04/kode-kode-warna.html&quot;, &quot;&quot;]
ssmItems[6]=[&quot; Parse HTML&quot;, &quot;hhttp://vikrymadz.blogspot.com/2011/05/tool-parse-html.html&quot;, &quot;&quot;]
buildMenu();
//----- Selesai Edit Menu
</script>

5. Simpan, dan lihat hasilnya..