Mashable Style Ajax Menu For Blogger

Mashable-style-blogger-menu-tricks2blogging

Blogger Lovers, we are back for you, running a fantastic blog on blogger.com, but sometimes misses it features, So here we have brought you an awesome Drop down menu with images having an ajax loading. Now this widget is for blogger and uses BLOGGER JSON feed API and AJAX.

This widget makes your BLOGGER Blog much more attractive then the usual menu blogger templates comes with.

Want a demo… check it out -> http://dziredstudios.com/t2b2015/demos/Blogger-AJAX-Menu-master/

 

HOW TO INSTALL THIS WIDGET IN A BLOGGER TEMPLATE ?

  1. First go to Blogger Dashboard > Navigate to your Blog > Go to Template
  2. Click Edit HTML button

Copy/Paste THE CSS

Press ctrl+f on Windows Pc or cmd+f on Mac to open the Find bar. Now in the FIND Bar search for  [highlight] [/highlight] .

Add the Following CSS Code before  

The jQuery portion

If your blog has already got a link to the latest jQuery, then you don’t have to add the below lines. For those who don’t have the codes, add this below line before

[highlight] scripttype=“text/javascript” src=“//code.jquery.com/jquery-migrate-1.2.1.min.js”>script> [/highlight]


 

MENU HTML CODES

Be very careful, The AJAX Blogger Menu accepts only three types of special urls. URLs rather than this should not be used, They are Search Query , Label and Label w/ Search Query. whether you use YourDomain.blogspot.com or you use YourDomain.com, both will work fine.

Label URLhttp://YOURDOMAIN.com/search/label/LABELNAME
Search Queryhttp://YOURDOMAIN.com/search?q=SEARCHQUERY
Label w/ Search Queryhttp://YOURDOMAIN.com/search/label/LABELNAME?q=SEARCHQUERY

Now Add the following lines where you want your Menu to appear. we suggest you to replace the previous menu codes with these new codes.


 

 

Codes are from https://github.com/harishdasari/Blogger-AJAX-Menu

Author: EDITORIAL STAFF

Editorial Staff at SmartActiveBlogger is a team of WordPress experts led by Niraj Kashyap. Page maintained by Niraj Kashyap.