Create A Sliding Side Menu || Must See

I think This Image Will Tell You Better Than My Words Or You Can See It On Your Left Side You Will See A floating Side Bar

I got some request for this ,so now i am making this post :)

If you want this post than just follow these simple steps :-

1)Step 1 :-

Download The File Given Below {give Below} 

Click Here

EXTRACT IT WITH WINRAR {IF YOU DONT HAVE WINRAR THAN CLICK HERE TO DOWNLOAD}

2)Step 2 :-

You will Find 2 files when You Extract The Folder 

1.File - ssm.js and

2.File - ssmItems.js

Now open the second file (ssmItems.js) with note/text pad, and edit it :

<!--

/*

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]=["Home", "data:blog.homepageUrl", ""]

ssmItems[2]=["Contact Us", "http://www.emailmeform.com/fid.php?formid=235948",""]

ssmItems[3]=["Toolbar", "http://theallsoftwarestoolbar.ourtoolbar.com/", ""]

ssmItems[4]=["Advertise", "http://www.adbrite.com/mb/commerce/purchase_form.php?other_product_id=1056451", ""]

ssmItems[5]=["About Us", "http://www.blogger.com/profile/04320497758590551353", "_new"]

ssmItems[6]=["Subscribe", "", ""] //create header

ssmItems[7]=["Via Email", "http://feedburner.google.com/fb/a/mailverify?uri=SoftTricksByArham&loc=en_US", "", 1, "no"] //create two column row

ssmItems[8]=["Via Sms", "http://labs.google.co.in/smschannels/subscribe/Software-Center-By-Arham", "",1]

ssmItems[9]=["Join Me On", "", ""] //create header

ssmItems[10]=["Orkut", "http://www.orkut.co.in/Main#Home.aspx", ""]

ssmItems[11]=["Hi5", "http://hi5.com/friend/displayLoggedinHome.do", ""]

ssmItems[12]=["Facebook", "http://www.facebook.com/home.php", ""]

buildMenu();

//-->

You Have To just added the red colour code as per your requirements

3)Step 3 :-

When You Finish Your Editing and all things than upload the two files [ssm.js and

ssmItems.js] To any FILE HOSTING WEBSITE .

4)Step 4 :-

After Uploading the files .They will give you direct links .You just have to copy those links & Change it with your links in the script given below .

<!--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://www.sigmirror.com/files/17229_bchos/ssm.js' language='JavaScript1.2'>

//Dynamic-FX slide in menu v6.5 (By maXimus, maximus@nsimail.com)

//Site: http://maximus.ravecore.com/

//For full source, and 100&#39;s more DHTML scripts, visit http://www.dynamicdrive.com

</SCRIPT>

<SCRIPT SRC='http://www.sigmirror.com/files/17230_mkixk/ssmItems.js' language='JavaScript1.2'/>

<!--SIDE-MENU-STOPS-->

5)Step 5 :-

Go to your blog template (Log in to Blogger -> Go to Layout -> Edit HTML), and find (CTRL+F) this code:

</head>

And paste the script above it .

IF YOU LIKE THIS POST THAN SUBSCRIBE NOW TO GET MORE TRICKS LIKE THIS TO YOUR EMAIL.

FEEL FREE TO ASK YOUR DOUBTS