How to Add a Drop Down Menu Widget to Blogger
Adding a drop down menu to Blogger is well within the capabilities of even beginner bloggers. Most of the work is in cutting and pasting the links which is not difficult for anyone with basic computer skills. So let's get started but first here is a working drop down menu list with links to various posts in my blog:
- 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:
<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><option value="http://free-seo-tricks.blogspot.com">SEO Blogger Tips and Tricks</option>
</select></form>
- Replace _blank as follows:
- To have a new window open leave the same
- To have the new page appear in the same window replace _self
- To have a new window open leave the same
- Replace - Your Menu Title - with a title of your own
- For each instance of the option values highlighted in red substitute your own links and link names. For example:
<option value="http://free-seo-tricks.blogspot.com">SEO Blogger Tips and Tricks</option>
- Click Save
- Use drag and drop to position the drop down menu widget in the location you want it within your sidebar and save any changes
- Click View Blog to admire the new drop down menu in the sidebar of your blog
SEO 10 worse Techniques of search engine optimization
22/10/2013 - 0 CommentsSEO Fail! 10 the most worse Techniques of search engine optimizationYou have heard of the seo technology the…
How to Add a Post Divider Between Blogger Posts
13/07/2012 - 1 CommentsIn today's Blogger tutorial I show you how to enhance your Blogger blog (Blogspot blog) by adding a post…
10 Steps To Get 250 Mb Hotmail Inbox
28/09/2013 - 3 CommentsFollow the Steps Below To Get 250 Mb of Storage :1. Sign in your Hotmail Account2. Goto "Options" in your…
Negative SEO realy Works and Can I Protect Myself?
01/06/2012 - 0 CommentsRight after Google’s latest shutdown of a number of different link building websites, there’s been a lot of…
How to Add a Google Sitemap to your Blogger
30/08/2013 - 0 CommentsLearn how to generate a complete sitemap of your Blogger blog using an online sitemap generator and submit…
Blogger Background Image - How to Add or Change in your Blog Template
09/07/2012 - 1 CommentsIn today's Blogger tutorial (Blogspot tutorial) I will show you how to both add a background image to a…
How to Add Borders to a Blogger Footer Blogspot
04/07/2012 - 0 CommentsIn this Blogger tutorial I going to show you how to add border styling to the new footer. You will learn how…
Page titles SEO tag - the right way
04/02/2012 - Comments Are Off Here...Before publishing any article, you have to chose the right page titles SEO tag for the specific post.…
Random Posts...!!!
Posted in: blogger,drop down menu,dropdown,Simple,Widget
2 comments:
I Never ever found such edifying blogs.Niche Blogging Tips
Nice post. I was checking constantly this blog and I’m impressed! Extremely useful info specially the last part I care for such information a lot. I was seeking this certain info for a long time. Thank you and good luck. seo dallas texas
Post a Comment
Please feel free to comment on this topic.