By Arpit On Thursday, December 14, 2006 At 8:51 PM
But the problem with the code is that it can't be implemented in blogger beta, as blogger beta does not give the complette freedom to modify the template code.
So here is small code to create a drop down menu in blogger beta.
Step 1. Copy the code below in a note pad and replace link1.com, link2.com etc. with the destination page, and link1 and link2 with the name of the respective destination. If you want to insert more links just copy and paste
<option value="http://link1.com"/>link1<option value="http://link2.com"/>link2
before </select> tag.
after doing this your code is ready.
start copying the code below this line
code copy ends above this line.
Step 2. Log on to your blogger beta account and in blog settings go to template tab and then click "Page element" tab
(Click images to enlarge them)
Now enter the title what ever you like. (i've entered Blogs i read) and in palce of content add the code which you have copied and modified in the notepad in step 1.
Now click "save changes"
Now you can see a new element is added in your layout.( see the image below)
Now drag and drop the element ( i.e Blogs i read) where ever you want it to be. ( Like i've put it below my blog archive)
Click "save" button and work is done.
your drop down menu will look like this.
If you want to see the working example of the visit my other blog at beta blogger here.
If you think that this method has been helpful to you then plz link my blog on your blog. (Or place my link in you blogroll).
If you have any problem, feel free to ask me...
Create drop down menu in you blog/website
Labels: Blogger tricks