How to Create Dropdown Menu

In a post on the blog, the longer its growing all the more accessories plus the full blog page us. Blog page so that we do not look solid at the menu list archives should be made in the form of a dropdown menu next to the seemingly nice and tidy can also save space, because the blog the more long-or post-widget widget to be added. So with the dropdown menu and the page will be a post or sparingly enough. Imagine if our post collected over many years, how much room is needed for the archives. Can-can out of the room for the column archive.

As for how to create a dropdown menu is as follows:

To create this archive Fulldown ie to have two bloggers with a classic template, and a new template.

1. open your blog

2. Click Template

3. In the sidebar of your blog's archives, there's html code as follows:

& <BloggerArchives>


<a href = "<$ BlogArchiveURL $" $ gt ;'><$ BlogArchiveName $> </ a>



</ BloggerArchives>

4. change the code on some html code below:

<select name = "archivemenu"
onchange = "document.location.href = this.options [this.selectedIndex]. value;">


<option selected> - Archives - </ option>



<BloggerArchives>

<option value = "<$ BlogArchiveURL $>"> <$ BlogArchiveName $> </ option>

</ BloggerArchives>



</ select>

5. When finished, click Save Changes. click DONE, and then click republish.

6. Done.

To use your new template:

1. open your blog

2. click Layout

3. Click Elements PAGE, search element (box) that reads Blog Archive

4. Click Edit on the yesteryear Blog Archive

5. In addition to any posts there are some style radio button, select the radio button labeled Menu with Dropdown how it TIK / check

6. Click Save Changes

7. Done

The above is a description of the steps to create a Dropdown menu for the Archive, now make the dropdown menu in which there is a link,

For your copy, please make the HTML code below:

<form> <select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu> <option value=0 selected> any posts here that akan appear first </ OPTION>

<option value=" content with the page URL sub "> post title </ option> </ select> </ form>

As an example for the Dropdown menu:

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

<option> - Column-Blog - </ option>

<option value=" http://kolom-blog.blogspot.com/2009/06/bidvertiser.html "> Bidveriser </ option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-pasang-statistik-meter-dan-tracker.html "> SiteMeter and Statistics Tracker </ option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-pasang-jam.html "> How to install the hours </ option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-menambah-calender.html "> Post Calendar </ option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-menambahkan-aksesoris-slide-show.html "> Post slideshow </ option>

</ form>


The result will be like this:
....
In a post on the blog, the longer its growing all the more accessories plus the full blog page us. Blog page so that we do not look solid at the menu list archives should be made in the form of a dropdown menu next to the seemingly nice and tidy can also save space, because the blog the more long-or post-widget widget to be added. So with the dropdown menu and the page will be a post or sparingly enough. Imagine if our post collected over many years, how much room is needed for the archives. Can-can out of the room for the column archive.

As for how to create a dropdown menu is as follows:

To create this archive Fulldown ie to have two bloggers with a classic template, and a new template.

1. open your blog

2. Click Template

3. In the sidebar of your blog's archives, there's html code as follows:

& <BloggerArchives>


<a href = "<$ BlogArchiveURL $" $ gt ;'><$ BlogArchiveName $> </ a>



</ BloggerArchives>

4. change the code on some html code below:

<select name = "archivemenu"
onchange = "document.location.href = this.options [this.selectedIndex]. value;">


<option selected> - Archives - </ option>



<BloggerArchives>

<option value = "<$ BlogArchiveURL $>"> <$ BlogArchiveName $> </ option>

</ BloggerArchives>



</ select>

5. When finished, click Save Changes. click DONE, and then click republish.

6. Done.

To use your new template:

1. open your blog

2. click Layout

3. Click Elements PAGE, search element (box) that reads Blog Archive

4. Click Edit on the yesteryear Blog Archive

5. In addition to any posts there are some style radio button, select the radio button labeled Menu with Dropdown how it TIK / check

6. Click Save Changes

7. Done

The above is a description of the steps to create a Dropdown menu for the Archive, now make the dropdown menu in which there is a link,

For your copy, please make the HTML code below:

<form> <select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu> <option value=0 selected> any posts here that akan appear first </ OPTION>

<option value=" content with the page URL sub "> post title </ option> </ select> </ form>

As an example for the Dropdown menu:

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

<option> - Column-Blog - </ option>

<option value=" http://kolom-blog.blogspot.com/2009/06/bidvertiser.html "> Bidveriser </ option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-pasang-statistik-meter-dan-tracker.html "> SiteMeter and Statistics Tracker </ option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-pasang-jam.html "> How to install the hours </ option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-menambah-calender.html "> Post Calendar </ option>

<option value=" http://kolom-blog.blogspot.com/2009/06/cara-menambahkan-aksesoris-slide-show.html "> Post slideshow </ option>

</ form>


The result will be like this:
....

Related Post

Previous
Next Post »