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}
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'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 .
FEEL FREE TO ASK YOUR DOUBTS
