Cara membuat side menu melayang di pinggir

Wednesday, February 2, 2011

Untuk mempercepat misi didalam membuat side menu melayang di pinggir silahakn download dulu file javasccrift nya Disini

Setelah di download silahkan extrack file menggunakan winrar atau winzip
nanti akan ada 2 file javascrift coba pilih yang ke2 dan buka pake notepad
silahkan midif kodenya seperti dibawah ini

<!– /*
Configure menu styles below
NOTE: To edit the link colors, go to the STYLE tags and edit the ssm2Items colors
*/
YOffset=150; // no quotes!!
XOffset=0;
staticYOffset=30; // no quotes!!
slideSpeed=20 // no quotes!!
waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
menuBGColor=”black”;
menuIsStatic=”yes”; //this sets whether menu should stay static on the screen
menuWidth=150; // Must be a multiple of 10! no quotes!!
menuCols=2;
hdrFontFamily=”verdana”;
hdrFontSize=”2″;
hdrFontColor=”white”;
hdrBGColor=”#170088″;
hdrAlign=”left”;
hdrVAlign=”center”;
hdrHeight=”15″;
linkFontFamily=”Verdana”;
linkFontSize=”2″;
linkBGColor=”white”; //White color behind links
linkOverBGColor=”#FFFF99″; //Blue Color Behind Menu and External Links
linkTarget=”_top”;
linkAlign=”Left”;
barBGColor=”#444444″; //Gray color behind Side Menu
barFontFamily=”Verdana”;
barFontSize=”2″;
barFontColor=”white”;
barVAlign=”center”;
barWidth=20; // no quotes!!
barText=”SIDE MENU”; // <IMG> tag supported. Put exact html for an image to show.
///////////////////////////
// ssmItems[...]=[name, link, target, colspan, endrow?] – leave ‘link’ and ‘target’ blank to make a header
ssmItems[0]=["Menu"] //create header
ssmItems[1]=["Blog Asep canda", "http://masih-berharap.blogspot.com", ""]
ssmItems[2]=["Contact Us", "http://masih-berharap.blogspot.com",""]
ssmItems[3]=["Earn Money", "http://www-createmoney.blogspot.com", ""]
ssmItems[4]=["Tip blogging", "http://masih-berharap.blogspot.com", "_new"]
ssmItems[5]=["Blogger pemula", "http://masih-berharap.blogspot.com", ""]
ssmItems[6]=["Blogger Bandung", "http://masih-berharap.blogspot.com", ""]
ssmItems[7]=["YM1", "http://stillwish@yahoo.com", "", 1, "no"] //create two column row
ssmItems[8]=["YM2", "http://dinaaldin@yahoo.com", "",1]
ssmItems[9]=["Trik adsense", "", ""] //create header
ssmItems[10]=["Still wish", "http://masih-berharap.blogspot.com", ""]
ssmItems[11]=["Create money", "http://www-createmoney.blogspot.com", ""]
ssmItems[12]=["Hospital", "http://hospital-asep.blogspot.com", ""]
buildMenu();
//–>

Setelah selesai di modif silahkan upload file java scrift tersebut ke hosting gratis atau hosting sendiri untuk yang belum tau daftar file hosting gratis klik Disini
Langkah berikutnya:
1.Login ke akun blogger dashboard layout(tata letak)
2.Edit HTML download full tempalate
3Centang Expand Widget Templates cari kode </head>
4.Silahkan copy paste kode dibawah ini tepat di atas kode tadi

<!–SIDE-MENU-STARTS–>
<STYLE>
<!–
A.ssmItems:link {color:black;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
//–>
</STYLE> <SCRIPT SRC=’ http://h1.ripway.com/asepcanda/ssm.js‘>
//Dynamic-FX slide in menu v6.5 (By maXimus, maximus@nsimail.com)
//Site: http://maximus.ravecore.com/
//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com
</SCRIPT>
<SCRIPT SRC=’http://h1.ripway.com/asepcanda/ssmItems.js‘/>
<!–SIDE-MENU-STOPS–>

Catatan tulisan yang berwarna merah ganti dengan alamat hosting kamu
5.Save template dan klik page elements
6.Klik Add A Gadget pilih HTML/javascrift
7.Copy paste kode yang udah di modif tadi lalu save
Trik ini udah saya praktekan untuk melihat demonya Klik Disini

Popular Post

Labels: Tutorial Blog

Thanks for reading Cara membuat side menu melayang di pinggir. Please share...!