Subscribe via RSS Feed

Blogger Dropdown menu links

If you have let say 50 person of blogger friends and you might want to put links on your blog, but you found that it’s too much of space needed then this tutorial Blogger Dropdown menu links is for you.

What this little code do is make tons of links into a compact dropdown menu :

blogger dropdown menu

You have no limit on how many links you want to put, it should be how many links that you able to paste in.

Blogger Dropdown menu links

As usual go to Dashboard > Design > Add a gadget > Choose HTML/Javascript and paste the code below into it :

<select onChange=”document.location.href=this.options[this.selectedIndex].value;”>
<option selected>Title</option>
<option value=”Link 1″>Text 1</option>
<option value=”Link 2″>Text 2</option>
</select>

You can duplicated the links list by adding the option value part, eg 

<option value=”Link 3″>Text 2</option>

<option value=”Link 4″>Text 2</option>

This will display a dropdown menu that open links in the same windows, if you want them to open in a new windows, do change this line of code with above one :

<select onchange=”javascript:window.open(this.options[this.selectedIndex].value);”>

Glad to see your blog neat with this little widget. Fee free to LIKE this post to Facebook, BlBlogger Dropdown menu links list thanks!

Category: blogspot tutorials