Search This Blog

3 Jul 2014

Add Drop Down Menu To Blogger

Tutorial [教程] • 3 JULY 2014
If you want to add lots of links to your Blogger blog but are worried about the amount of space this will take up on your blog this tutorial is for you. A drop down widget is a neat solution to the cluttered sidebar problem as it is both space saving and easy to install. 

The convenience of a drop down menu widget can be seen on many blogs where it is used for lists like a long Blogroll, Categories list, Labels list or a Recommended Posts list. 
I found this tutorial from Blogknowhow , very useful.
Log in to Blogger if not already logged in
Navigate from the Dashboard to Layout > Page Elements.
Click on Add a Gadget in the sidebar or other location if you wish
Select a HTML/JavaScript gadget from the list of gadgets
Paste the following code into the content box of the widget:


Paste the code - HTML/Java Script

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

<!-- Change the following links to your own -->

<option value="http://URL of link1">Link 1</option>
<option value="http://URL of link2">Link 2</option>
<option value="http://URL of link3">Link 3</option>
<option value="http://URL of link4">Link 4</option>
<option value="http://URL of link5">Link 5</option>

                                     

The red line will be your Page Link
The blue line will be your Page Title. Once done click save.


Here is the working drop down menu. 



6 comments:

Template developed by Confluent Forms LLC; more resources at BlogXpertise