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]=[&amp;quot;OPTION :&amp;quot;] //Header Menu
ssmItems[1]=[&amp;quot; Home&amp;quot;, &amp;quot;/&amp;quot;, &amp;quot;&amp;quot;]
ssmItems[2]=[&amp;quot; Daftar Isi&amp;quot;, &amp;quot;http://evo-fnet.blogspot.com/&amp;quot;,&amp;quot;&amp;quot;]
ssmItems[3]=[&amp;quot; Link Exchange Blog&amp;quot;, &amp;quot;http://evo-fnet.blogspot.com/&amp;quot;,&amp;quot;&amp;quot;]
ssmItems[4]=[&amp;quot; Banner Exchange&amp;quot;, &amp;quot;http://evo-fnet.blogspot.com/&amp;quot;,&amp;quot;&amp;quot;]
ssmItems[5]=[&amp;quot; Kode Warna&amp;quot;, &amp;quot;http://evo-fnet.blogspot.com/&amp;quot;, &amp;quot;&amp;quot;]
ssmItems[6]=[&amp;quot; Parse HTML&amp;quot;, &amp;quot;http://evo-fnet.blogspot.com/&amp;quot;, &amp;quot;&amp;quot;]
buildMenu();
//----- Selesai Edit Menu
&lt;/script&gt;


sobat blogger tinggal ganti huruf yg berwarna merah http://evo-fnet.blogspot.com

5. Simpan, dan lihat hasilnya..

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...