
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 http://virtualbuzz.blogspot.com
function go1(){
if (document.selecter1.select1.options[document.selecter1.select1.selectedIndex].value != "none") {
location = document.selecter1.select1.options[document.selecter1.select1.selectedIndex].value
}
}
//-->
</script>
<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');
document.write('</select>');
document.write('</form>');
// end hiding contents -->
</script>
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........