How to Create Dropdown Menu
In the concept of blogs, each post we will automatically terarsip neatly every month. Each enters the new moon, like January, it will appear in December archives in sidebar. And the thing is, if we have been blogging a year, then the archive from January to December will be lined up on our sidebar. How about a two and three years' time? And the practical step to overcome this is to make a pull-down menus like the following:
So, how many months / years we have blogging in blogger / blogspot, the menu months TSB will not meet and fall in line length in our sidebar. Who looks just the name of "Archives", it was only after the click, will display the name of the month our archives.
To make the file pulldown, there are two bloggers with a template that is for the classics, and new templates. For classic template steps, namely:
1. Login to www.blogspot.com with your id
2. Click Templates
Three. In the sidebar of your blog archives section, there's html code as follows:
& <BloggerArchives>
<A href = "<$ BlogArchiveURL $" $ gt ;'><$ BlogArchiveName $> </ a>
</ BloggerArchives>
4. Well, replace the code above dg html code below:
<Select name = "archivemenu"
onchange = "document.location.href = this.options [this.selectedIndex]. value ="
<option selected> - Archives - </ option>
<BloggerArchives>
<Option value = "<$ BlogArchiveURL $>"><$ BlogArchiveName $> </ options>
</ BloggerArchives>
</ Select>
5. When finished, click SAVE CHANGES. When you've DONE, click republish.
6. Done.
For those of you who wear the new template, easier pace that is as below:
1. Surely you must log in first, with your id
2. click the Layout
Three. Click PAGE Elements, search element (box) that reads Blog Archive
4. Click Edit on the box this Blog Archive
5. In addition to the writing style there are a few radio buttons, select the radio button labeled Menu with Dropdown tick mark / check
6. Click Save Changes
7. Completed
Well the above statement is the steps for making Dropdown menu for Archives, which now how do I create a dropdown menu in its existing link, I take the example for me personally owned Dropdown menu located on the right top which contains the words "blog tutorial ". To make it please you copy the HTML code below:
<select <form> name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu> <option selected> value=0 the article here will appear first </ OPTION>
<option value="isi with the addresses you want in tuju"> papers that will appear here </ option> </ select> </ form>
Good luck ...