How To Create Floating Menu On Blogger

Tips for saving the page this time we will make the menu float. This menu can be displayed on the left or the right of the blog is up desire, you just choose which one is better suited for my friend's favorite blogs.

For those of you who want to display a floating menu follow the guidelines below!

• Sign in to Blogger with your ID.
• Select Design ---> Edit HTML.
• Backup template first, to anticipate if it fails.
• Find this code: </head> in your template.
  To facilitate the search click Ctrl + F
• Copy the entire script below, then paste just above </head>

&lt;script src='http://elmubarok.googlecode.com/files/floating1.js' type='text/javascript'/&gt;
&lt;script&gt;
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor=&amp;quot;red&amp;quot;;
menuIsStatic=&amp;quot;yes&amp;quot;;
menuWidth=150;
menuCols=2;
hdrFontFamily=&amp;quot;verdana&amp;quot;;
hdrFontSize=&amp;quot;2&amp;quot;;
hdrFontColor=&amp;quot;black&amp;quot;;
hdrBGColor=&amp;quot;#FF0000&amp;quot;;
hdrAlign=&amp;quot;left&amp;quot;;
hdrVAlign=&amp;quot;center&amp;quot;;
hdrHeight=&amp;quot;15&amp;quot;;
linkFontFamily=&amp;quot;Verdana&amp;quot;;
linkFontSize=&amp;quot;2&amp;quot;;
linkBGColor=&amp;quot;white&amp;quot;;
linkOverBGColor=&amp;quot;#FFFF99&amp;quot;;
linkTarget=&amp;quot;_top&amp;quot;;
linkAlign=&amp;quot;Left&amp;quot;;
barBGColor=&amp;quot;red&amp;quot;;
barFontFamily=&amp;quot;Verdana&amp;quot;;
barFontSize=&amp;quot;2&amp;quot;;
barFontColor=&amp;quot;white&amp;quot;;
barVAlign=&amp;quot;center&amp;quot;;
barWidth=20; // no quotes!!
barText=&amp;quot;WELCOME&amp;quot;;


// ----- Begin Edit Menu
ssmItems[0]=[&amp;quot;My Menu&amp;quot;] //Header Menu
ssmItems[1]=[&amp;quot;Home&amp;quot;, &amp;quot;/&amp;quot;, &amp;quot;&amp;quot;]
ssmItems[2]=[&amp;quot;CARA GANTI ICON&amp;quot;, &amp;quot;http://studytutorial.blogspot.com/&amp;quot;,&amp;quot;&amp;quot;]
ssmItems[3]=[&amp;quot;Salam Pembuka&amp;quot;, &amp;quot;http://studytutorial.blogspot.com/&amp;quot;,&amp;quot;&amp;quot;]
ssmItems[4]=[&amp;quot;Ganti Icon&amp;quot;, &amp;quot;http://studytutorial.blogspot.com/&amp;quot;,&amp;quot;&amp;quot;]
ssmItems[5]=[&amp;quot;Ganti Icon&amp;quot;, &amp;quot;http://studytutorial.blogspot.com/&amp;quot;, &amp;quot;_new&amp;quot;]

buildMenu();
//----- Finish Edit Menu
&lt;/script&gt;

• Please change WELCOME to writing anything that fits with the will of my friend
• Code that you must replace the blue with the link address you have.
• MY MENU allowed us to your liking, etc. MENU LIST
• Still a lot more can ye who tinkers
• Last save. good luck