Let us see how to add this Navigation menu widget in Blogger :
Here is the Default code of Navigation menu :
Look At My code below so that you can get an idea :<form><select name=”menu” onchange=”window.open(this.options[this.selectedIndex].value,’_blank’)”size=1 name=menu>
<option>- Blogger Accessories- </option>
<!– change the links with your own –>
<option value=”http://bloggeracs.blogspot.com/2008/07/jumong-three-column-blogger-template.html”>Jumong Blogger Template</option>
<option value=”http://bloggeracs.blogspot.com/2008/07/show-date-before-each-post-in-blogger.html”>Show Date before each post</option>
<option value=”http://bloggeracs.blogspot.com/2008/07/related-posts-widget-for-blogger.html”>Related Posts Widget</option>
<option value=”http://bloggeracs.blogspot.com/2008/07/hide-navigation-bar-in-blogger.html”>Hide Navigation menu bar in blogger</option>
</select></form>
the result is :Here is the Default code of Navigation menu :
<form><select name=”menu” onchange=”window.open(this.options[this.selectedIndex].value,’_blank‘)”size=1 name=menu>
<option value=0 selected> Type your Navigation Menu Title Here! </option>
<option value=” Url of your Link here “> Title of your link </option> </select></form>
in this above code , you need to edit the text in red to add links .<option value=0 selected> Type your Navigation Menu Title Here! </option>
<option value=” Url of your Link here “> Title of your link </option> </select></form>
Look At My code below so that you can get an idea :<form><select name=”menu” onchange=”window.open(this.options[this.selectedIndex].value,’_blank’)”size=1 name=menu>
<option>- Blogger Accessories- </option>
<!– change the links with your own –>
<option value=”http://bloggeracs.blogspot.com/2008/07/jumong-three-column-blogger-template.html”>Jumong Blogger Template</option>
<option value=”http://bloggeracs.blogspot.com/2008/07/show-date-before-each-post-in-blogger.html”>Show Date before each post</option>
<option value=”http://bloggeracs.blogspot.com/2008/07/related-posts-widget-for-blogger.html”>Related Posts Widget</option>
<option value=”http://bloggeracs.blogspot.com/2008/07/hide-navigation-bar-in-blogger.html”>Hide Navigation menu bar in blogger</option>
</select></form>
How to Add this Navigation menu / Drop down Menu To my blog ?
It’s very simple . First edit the code according to your wish and copy the code .
* Go to Layout section of your template .
* Click Add PageElement tab in sidebar
* Select HTML/JAVASCRIPT subtab
* Paste the Navigation Menu code you copied before there and save .
that’s it now you can see a beautiful Navigation Menu in your blog.
See you soon with a new hack .
No comments:
Post a Comment