Friday, July 31, 2009

Drop Down ComboBox

One of My blog reader and my friend Jenie asked me To write a tutorial on how to create a drop down link box, Because she wants to make her blog looks more attractive

So Dear jenie here is a tutorial for you, I should tell every one that making a drop down box is really very easy thing

Without wasting any time we should start our tutorial.

Its very easy to make this box, just copy the code, go to your blogger account layout settings and click on add a widget and add html/javascript widget.

This code is to create an automatic drop down box, like when you choose a link , you will be automatically redirected to it.

Copy the following code and paste it

<script type="text/javascript">
// Powered by
function go1(){
if (document.selecter1.select1.options[document.selecter1.select1.selectedIndex].value != "none") {
location = document.selecter1.select1.options[document.selecter1.select1.selectedIndex].value
<script type="text/javascript">
document.write('<form name="selecter1"><select name="select1" size=1 onchange="go1()">');
document.write('<option value=none>Select your destination');
document.write('<option value=none>--------------------');
document.write('<option value="page1.html">page 1');
document.write('<option value="page2.html">page 2');
document.write('<option value="page3.html">page 3');
// end hiding contents -->

now simply edit the code above and replace page1.html with the link of the page and page 1 with the name you want to show in drop down box , and you can also change other values according to your wish

Please Drop you comments for our encouragement........


  1. hi! im back to try once again this drop down which i cant make work before...

    but the scrolling link you shared, i now use in my lifestyle blog. thanks to you friend.

    BTW, come visit and grab the award i have for it back to me if you may=)

  2. How to create multiple pages? and also assign links to them?

  3. @ Chandra, Thank you for comment but i didn't understood your request please be clear i will surely help you thankx

  4. I mean, When we visit blogs, We see Links which direct Us To other pages, For example some blogs have a link as "Link Exchange". When we click it, we are automatically moved to a page containing all links.
    I want to get information as to how to do that.

  5. Thanks for the tutorial, definitely i will use this in my blog..

  6. Mate,
    Thanks a ton for the code, made my job simpler!


Please drop your comments for our encouragement