You are Here → Home » Blogger Jquery » Add Animated Fancy Navigation Menu with Jquery to Blogger / Blogspot

Add Animated Fancy Navigation Menu with Jquery to Blogger / Blogspot

by in Blogger Jquery, Blogger Widgets

Animated Fancy Navigation Menu with Jquery for Blogger. Every One has trying to add a beautiful menu with animation effect by jquery to their Blogger Blogs. But it has very difficult to add a menu to blogger blogs. here is Way2Blogging has make it as simple and is like 1, 2, 3…

This menu is designed by Sohtanaka

Features:-

  1. Simple and Easy to Installation
  2. Nice Animation Effect and awesome look
  3. Easy to add Links and use.

Watch Live Demo:-

How to Install?

  1. Go to Blogger Dashboard > Design tab.
  2. Click on Add a Gadget any where in your Layout.
  3. Choose LinkList Gadget and Leave Title Field as Blank
  4. Try to Add Some Links and Save Gadget
  5. Edit LinkList Widget Once again, And Copy Widget ID From URL like in Image
    Make Sure the ID may Exact to match in the URL even a Block Letters(Capital Letters) Also for Perfect Working of This Widget!

    http://www.blogger.com/rearrange?blogID=xxxxxx&action=editWidget&
sectionId=xxxx&widgetType=LinkList&widgetId=LinkList2

    Here is LinkList2 is the widget ID in this URL

  6. Use the below Button and Generate your Widget Code then Paste it before </head> tag in your template.
    Generate Widget Code
  7. Save your template, You are Done!.

Put your Comments and Feelings About this Method of installation and about this Widget, So that i can implement  more widgets and menu’s through this way! and also, share this Article with your Friends or to your Network :).

Comments

  1. आनन्‍द पाण्‍डेय says

    it is just mind blowing boss
    thanx a lot
    you really gave me a great thing i was searching from a long

  2. Harish says

    @आनन्‍द पाण्‍डेय
    You are Welcome!
    Pls… Spread it if you like :)

  3. Noushad Vadakkel says

    very nice …thanks ..you are doing something different and very useful tricks ..keep it ….:)

  5. Paul Santosh says

    I've seen it in some WORDPRESS blog and thought how to add this in my BLOGGER blog…..

  7. Harish says

    @Ayush
    thanks for your comment
    i made so many changes in it, so it looks unique and is very difficult to make like that, i mean just like 1,2,3… steps (of-course all my widgets and tutorials are 1,2,3… )

    i will look forward to share the different style and is 1,2,3… type

    Thank you for seeing here! :)

  8. StarArchives.net says

    i have a question?

    when edit this widget
    i cant find id

    http://draft.blogger.com/rearrange?blogID=***********72&sectionId=sidebar&action=editWidget&widgetType=LinkList&referrer=directory

  9. Ayush says

    But spiceupyourblog also have the same comment section! You have to tell us how you did it! :)

  10. Harish says

    @StarArchives.net
    i checked once again
    it must have Widget Id,
    here is the url grabbed from my test blog
    http://xxxxxxxxxxx.blogspot.com/undefined&action=editWidget&sectionId=sidebar1&widgetType=null&widgetId=LinkList2

    @Ayush
    he personally asked me to want that type of comments section on his grate blog. :)

  11. mahesh2010 says

    I wasn't aware of this,I have seen this function but i didn't implement it, will make sure to implement it and add navigation to my blog. magento themes

  14. webpages says

    my first time visiting this blog, as a whole after I read some articles quite interesting to read

  16. GFX Multimedia Center says

    I love it just the way it is…

    Check out what came out in my blog: http://grxmccs.blospot.com

  17. Anonymous says

    sir in my website i have already added a navigation menu, but after doing as above said, there is no change in it, n i dont even know whether there is any jquery or not :(

    n also the new animated navigation menu is coming below in the last :(

    please can u tell what should i do?

  18. Rash Collection says

    good morning, i just wanna ask, how can i create a drop down menu? can you show me how to do that?

  20. Harish says

    @Parbat

    Put the Widget ID in Code Generator form and get your Code
    Follow the Instructions listed in the Post.

  24. zee says

    How can I change color, I need blue instead of red. See handsetbusiness.blogspot.com. please infor how to handle Bar colors according to own requirement. Thanks for the widget. zee

  25. zee says

    hi thanks for the navi bar, but i have two questions:

    1. How to change color?
    2. How to centeralise text only not the bar?

    Please look at handsetbusiness.blogspot.com

    thanks

  27. NeS says

    excellent tutorial =) can this code be implemented site wide…as in have it affect all the link lists in blogger?

  31. rups says

    Hi i tried the steps got tht flash bar.but on life side.i want it on top of blog to navigate b/w pages. pls tel how to do tht.i tried ur steps.but didnt get