Header Ads

  • Breaking News

    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




    No comments

    Post Top Ad

    Post Bottom Ad