Tuesday, 25 February 2014

Widgets

Create a Awesome Drop down Menu with Go button in Blogger

Posted By : Anonymous | Tuesday, 25 February 2014 first to comment!
PUT YOUR PARSED ADSENSE CODE HERE
Create a drop down menu with go Button in Blogger:You may have noticed some blogs having long sidebars, this is probably due to large number of widgets. However, we can resolve this problem upto some extent. We have a better alternative for Label widget which is make it drop down. And to put your Archive widget in Scroll box etc.But today I am going to teach you to make a drop down menu.
Create a Drop down Menu with Go button in Blogger
Create a Drop down Menu with Go button in Blogger

How To create a Drop down Menu in Blogger

  • Visit Blogger Dashboard.
  • Now click on the layout button.
  • Click on add A new gadget link.
  • A list of gadgets will appear select HTML JavaScript gadget from the list of gadgets.
  • Now copy the below coding and paste it inside HTML javascript gadget.
<form name="jump">
<select name="menu">
<option value='#' > Name 1</option>
<option value='#' > Name 2</option>
<option value='# > Name 3</option>
<option value='#' > Name 4</option>
<option value='#' > Name 5</option>
<option value='#' > Name 6</option>
<option value='#' > Name 7</option>
<option value='#' > Name 8</option>
</select>
<input type="button" onClick="location=document.jump.menu.options
[document.jump.menu.selectedIndex].value;" value="GO">
</form>
  • Now replace the # with the URL you want peoples to redirect, and replace the Name 1, Name 2, .... with the Label or URL name.
  • Then Save the gadget you are almost done!
  • For any problems ask us through the comment box stay blessed! 
Do you Like this story..?

Get Free Email Updates Daily!

Follow us!





0 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

Post a Comment

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.

Regards,
Imtiaz Ahmed

  • Tips And Tricks
  • Template
  • Make Money
  • Widget
  • Sitemap
  • Back To Top