How To Create Drop Down Menu Form with Go Button - Blogger

How Create Drop Down Menu Form with Go Button , Creating Drop Down menu form with Go Button will help you to Control your Blog Length specially in Side-bars.Actually you may have noticed in some blogs that the archives or label area is too lengthy, it looks very Boring & it effects the Blog Loading Speed.To Get rid of this Problem you can add this Widget which will enable you to bind all the labels in a Form having an arrow for selection.When one Select any Label & klick the Go Button,this widget will redirect it to specific Label URL.

Create Drop Down Menu Form with Go Button in Blogger

    = 1St Go To Blogger Dashboard
    = Click On Layout
    = After that Click On Add a Gadget
    = Now Select HTML / JavaScript
    = Now Copy the Below Script and Drop it into the HTML / JavaScript Box

Script Here:

<form name="jump">
<select name="menu">
<option value='Link 1' > Label Name 1</option>
<option value='Link 2' > Label Name 2</option>
<option value='Link 3 > Label Name 3</option>
<option value='Link 4' > Label Name 4</option>
<option value='Link 5' > Label Name 5</option>
<option value='Link 6' > Label Name 6</option>
<option value='Link 7' > Label Name 7</option>
<option value='Link 8' > Label Name 8</option>
</select>
<input type="button" onClick="location=document.jump.menu.options
[document.jump.menu.selectedIndex].value;" value="GO">
</form>


    = Save the box
    = & That is it.

Customization: Replace Link1 , Link2 , Link3 .. Link8 with your Blog Labels URLs & "Label Name 1 to Label Name 8 with the text of Labels.You Can also replace the Word "Go" with any desire word.Do Follow the above steps and save it !

So What's Up: Adding this Widget will help you to get rid of Blog Loading Speed & lengthy boring area.
You will get alot of free space where you can add more cool Blogger widgets.Moreover it will not effect the blog loading speed, Stay Blessed