Add Animated Fancy Navigation Menu in Blogger Blog









Fancy Navigation Menu Demo


LIVE DEMO

How To Add Animated Fancy Navigation Menu using Jquery in Blogger/Blogspot

  • Go to Blogger Dashboard --> Layout -->Add a Gadget
  • Select LinkList Gadget and Leave Title Field as Blank
  • Now add some links and save the gadget

  • Now save it
  • Now click on Edit LinkList Widget Once again, And Copy Widget ID From URL like in Image

  • Here is LinkList2 is the widget ID
  • Now Go to Blogger Dashboard 
  • Click on DropDown Menu and select Template
  • Backup your Template before making any changes to your blog
  • Now Click on Edit HTML --> Proceed --> Expand Widget Templates
  • Press Ctrl + F and search the code shown below

</head>

  • Now replace it with the code shown below
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

  • Note Do not add this code if your template already contain
  • Now Generate your Widget Code then Paste it above/before </head> tag in your template

WIDGET GENERATOR

Like it? Share it.

No Comments

Click to Add a New Comment

  • If you're asking a question click on Subscribe By Email link, on the comment form, to be notified of replies.
  • Do NOT add links to the body of your comment as they will not be published.
  • Only the comments posted in ENGLISH will be approved.
  • If you have a problem check first the comments , maybe you will find the solution there.

Subscribe to: Post Comments ( Atom )