Result For Create a Drop Down menu

here i created a menu for this blog .

the Blogger classroom Home pageBlogger WidgetsBlogger TricksBlogger Scripts

How To : Add a Drop-Down Menu To Your Blogger Blog

hmm , after seeing so many scripts and so many features, blogger has amazed me with the flexibility it has provided for a user. all you have to remember is that you can do anything in blogger once you start exploring the HTML of your blog, but be sure to save your template before hand so that you can restore it when you mess it up.

Today, i decided to Write this tutorial To add a Drop Down Menu to your blog .

so starting with the basics, just login to your blogger account , select a blog , click on the layout , click on the page elements tab and click on "add a Gadget" button.

now follow the procedure :-

1. Click on HTML/Javascript option (usually the fourth from top)  . click on Add to blog .
2. Copy the Code below and paste it in the gadget area .

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option> the Blogger classroom </option>

<!-- change the links Accordingly -->

<option value="http://thebloggerclassroom.blogspot.com">Home page</option>

<option value="http://thebloggerclassroom.blogspot.com/search/label/widgets">Blogger Widgets</option>

<option value="http://thebloggerclassroom.blogspot.com/search/label/tricks">Blogger Tricks</option>

<option value="http://thebloggerclassroom.blogspot.com/search/label/scripts">Blogger Scripts</option>

</select></form>

3. Change the Data in red color accordingly . for example watch the first option , http://thebloggerclassroom.blogspot.com is the linking URL where as Home Page is the Anchor Text . which means that when a suer clicks on Homepage , it redirects to the above URL.
4. Save the Gadget and thats it .
5. Your Blog is now incorporated with a customized Drop down menu !

result :- See the result in the next post

UPDATE :- You can view the Drop down menu HERE

How to : Change the link Hover color to Rainbow colors

You might not be understanding this. let me explain it to you .

What is Hover color?

hover color is nothing but the color in which the link turns , when you put your mouse over a link .

Normally it would show  one color on many sites but to make your blog more funky or cool , lets make it  turn into rainbow colors . for example see this :- just hover your mouse over the link Blogger Tutorials

See the change of colors?

Follow the procedure to get this onto your blogger blog .

1. Download this script called Rainbow . ( from here : http://uploads.bizhat.com/file/252996 )
2. Extract the file and host the javascript file (.js file)
3. Note down the URL of the hosted JS file and
4. Make a script source code like this

<script scr='URL'/>

5. Replace the URL with the URL of the hosted JS file.
6. Goto Dashboard > EDIT HTML > and then search for

</head>

7. Copy the abover script code just before the </head> code.
8. That's it your blog is ready to shine with rainbow colors