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="#cc0000";
menuIsStatic="yes";
menuWidth=120;
menuCols=3;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="black";
hdrBGColor="#cc0000";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="white";
linkOverBGColor="#cc0000";
linkTarget="_top";
linkAlign="Left";
barBGColor="#cc0000";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="white";
barVAlign="center";
barWidth=20; // no quotes!!
barText="MENU";
// ----- Mulai Edit Menu
ssmItems[0]=["OPTION :"] //Header Menu
ssmItems[1]=[" Home", "/", ""]
ssmItems[2]=[" Daftar Isi", "http://vikrymadz.blogspot.com/2011/03/daftar-isi-vikrymadzblogspotcom_9488.html",""]
ssmItems[3]=[" Link Exchange Blog", "http://vikrymadz.blogspot.com/2011/02/link-exchange-tuker-link.html",""]
ssmItems[4]=[" Banner Exchange", "http://vikrymadz.blogspot.com/2011/02/banner-sahabat.htmll",""]
ssmItems[5]=[" Kode Warna", "http://vikrymadz.blogspot.com/2011/04/kode-kode-warna.html", ""]
ssmItems[6]=[" Parse HTML", "hhttp://vikrymadz.blogspot.com/2011/05/tool-parse-html.html", ""]
buildMenu();
//----- Selesai Edit Menu
</script>
5. Simpan, dan lihat hasilnya..
thx gan, mampir ya
BalasHapus