» » Slide-In Menu

Slide-In Menu

Tuesday, August 11, 2009 | Posted by Admin

Apa kabar saya datang lagi guna membagi tips buat anda para blogger yang budiman tidak usah basa basi ini contohnya:

Langkah Pertama :
1-Log in ke account blogger anda.
2-Click Lay Out---->EDIT HTML,Jangan lupa beri tanda centang pada kotak EXPAND WIDGET sebelumnya anda backup dulu template sobat klik Download Template Lengkap lalu simpat pada folder anda.
3-Cari kode didalam template anda,letaknya di bagian atas.
4-Copy pastekan script di bawah ini tepat diatas kode </head>;
<style type="text/css">
<!--
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="ssm.js" language="JavaScript1.2">
//Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/)
//Updated July 8th, 03' for doctype bug
//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com
</SCRIPT>
<SCRIPT SRC="ssmItems.js" language="JavaScript1.2"></SCRIPT>

Ganti Kode yang berwarna biru sesuai dengan kebutuhan, kemudian Copy paste kode dibawah kedalam notepad lalu save as ke "js"
<!--
/*
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";
linkOverBGColor="#FFFF99";
linkTarget="_top";
linkAlign="Left";
barBGColor="#444444";
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]=["Mutiaramail", "http://mutiaramail.blogspot.com", ""]
ssmItems[2]=["Edit", "Edit",""]
ssmItems[3]=["Edit", "Edit",""]
ssmItems[4]=["Edit", "Edit",""]
ssmItems[5]=["Edit", "Edit",""]
ssmItems[6]=["Edit", "Edit",""]
ssmItems[7]=["Edit", "Edit/faqs.htm", "", 1, "no"] //create two column row
ssmItems[8]=["Edit", "Edit/contact.htm", "",1]
ssmItems[9]=["Edit", "", ""] //create header
ssmItems[10]=["Edit", "Edit",""]
ssmItems[11]=["Edit", "Edit",""]
ssmItems[12]=["Edit", "Edit",""]
buildMenu();
//-->
Kemudian Download ssm.js dibawah ini:


Download

Related With:

Cara Pasang
Tips
Trick

Labels: , , ,  

2 comments:

Unknown said...

Makin berguna, tapi yang begituan dan tidak membuat lebih lemot ada?

August 24, 2009 at 2:51 AM  
Mita Zone said...

Wah benar juga paling tidak kita bisa memilih dan memilah,kapan kita pasang dan tidak.Yaa sesuai dengan kebutuhan

August 24, 2009 at 8:05 PM  

Post a Comment

Subscribe to: Post Comments (Atom)