DEMO

 Arsip Blog Text 1 Text 2 


With the dropdown menu we can save space / room in our blog, because with such small sizes can save a lot of links and text. It can be filled with archives, blogroll etc..

How to make:

Login your blogger,"Page Element" Add page elements --> HTML/JavaScript.
Then enter the following script

<select onChange="document.location.href=this.options[this.selectedIndex].value;"> <option value="0" selected>Arsip Blog</option> <option value="Links 1">Text 1</option> <option value="Links 2">Text 2</option> </select>

Text red is the link.Links 1  Link2replace it with you.

The blue text is the text that is displayed. It should also be miles instead.


Examples like this:

<select onChange="document.location.href=this.options[this.selectedIndex].value;"> <option value="0" selected>Arsip Blog</option> <option value="http://hendrytha.blogspot.com/2011/10/agar-blog-cepat-di-index-google.html"> Agar Blog cepat di index Google</option> <option value="http://hendrytha.blogspot.com/p/seo-tools.html"> SEO TOLS</option> </select>

then the result will be like this:

Arsip Blog Agar blog cepat di index google seo tols



to add another menu, add code like this:

<option value="Links 2"> Text 2 </ option>

before the code </ select>
The links in the dropdown menu above if the click will open the link on the same page. It's suitable for the Archives and the links are still related to the blog page.



There is one more type which, when clicked the link it will open a new window without closing your blog. Which is suitable untu Friend Blogroll or links.

How to make it as above but replace the following code





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


replace with this code:


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


the result:




Arsip Blog Agar Blog cepat di index Google SEO TOLS