AJAX Navigation menu for blogger



AJAX - an acronym for Asynchronous JavaScript and XML
This widget is works based on jQuery library and Blogger JSON feed API. Your blog must be for Public visitors. other wise the Blogger JSON Feed API won’t works.
The menu is works just like normal drop-down menu when javascript is disabled, And it will turns to AJAX powered drop-down menu when javascript is enabled.









Live Demo


HOW TO INSTALL THIS WIDGET?


  1. Go to Blogger Dashboard > Select the Blog > Go to Template page of the Blog
  2. Click Edit HTML button

THE CSS

Add the Following CSS Code before ]]></b:skin>


THE JAVASCRIPT

If your Blog has jQuery plugin, then don’t add this plugin in your blog template,
Otherwise add the below line of code before </head> tag


Add the following Javascript code before  </head> tag


THE HTML

In this section you should be carefully add the HTML, otherwise it won’t works.
The AJAX Menu accepts three types of urls. You must use this urls only in the menu. They are Label,Search Query and Label w/ Search Query
Label URLhttp://yourblogdomain.blogspot.com/search/label/LABELNAME
Search Queryhttp://yourblogdomain.blogspot.com/search?q=SEARCHQUERY
Label w/ Search Queryhttp://yourblogdomain.blogspot.com/search/label/LABELNAME?q=SEARCHQUERY

Save Template and Happy Blogging 


way2blogging




Mix-R
Mix-R

"Myths, legends and stories are the signposts previous generations have left us so we don’t have to figure out our own personal journey in solitude!"

Disqus CommentsLoadHide