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?
- Go to Blogger Dashboard > Select the Blog > Go to Template page of the Blog
- 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
Otherwise add the below line of code before
</head>
tagAdd 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
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 URL | http://yourblogdomain.blogspot.com/search/label/LABELNAME |
Search Query | http://yourblogdomain.blogspot.com/search?q=SEARCHQUERY |
Label w/ Search Query | http://yourblogdomain.blogspot.com/search/label/LABELNAME?q=SEARCHQUERY |
Save Template and Happy Blogging
way2blogging