Please Support Us On

Monday 18 June 2012

Add Multiple Navigation Menus To Blogger: No HTML No Java Script

'How to Add Multiple Navigation Menus To Blogger' has been a very difficult question experts have come across these days. But not anymore! BlackTech has found out an easy No-HTML-No Java script method of having multiple navigation menus. And of course an easy one!

Unlike Wordpress, Blogger does not provide multiple navigation menus. So lets have our own method with no HTML and no Java script.

Follow this STEP BY STEP guide to have a better undertanding. Its Easy!




  • Land into your blogger dashboard. Click on the 'Pages' (PIC 1).  On the upper right side of the page-list, you'll notice a 'Top-Tabs' drop down list. Click on it.

PICTURE 1

  • In the list, select 'Don't Show'.

PICTURE 2
  • Now coming back to dashboard, click on 'Layout'. Since you've selected 'Don't Show', pages gadget will not be displayed.
  • Click on 'Add Gadget' right below the 'Title' of your blog (PIC 3).
    PICTURE 3
  • In the number of gadgets displayed, add 'Text' into your layout.
PICTURE 4
  •  Now, type the names of your pages to be displayed in the menu into the 'Text' gadget with at least 5 spaces or a ' | ' between each title (PIC 5) (Of course one of them is 'HOME'). You can use fonts of your choice too. Save the arrangement.
  • Now coming back to 'Pages' on the dashboard, add all your pages with same titles. Fill in your content as you wish and publish those pages. These pages will not be visible to public yet as you've selected 'Don't Show'.
  • Now 'View' the 'HOME' page from 'Pages' and copy its respective URL.
PICTURE 5
  • Now go to your Layout editor and click 'Edit' on the 'Text' gadget you had created. Now select only the 'HOME' text you've typed. On the text editor, you'll notice a 'Link' button. Click on it and paste the URL you've copied.
  • The same way, copy every page's URL and link it to its respective title in the text gadget.
  • You won't believe it but you're now ready with the menu already.
  • Now to create multiple menus, in the side bar, clcik on the 'Add Gadget' and repeat the same process. You can add unlimited menus and can even link pages from other websites into your blog.
  • To view our demo blog with this idea applied, please click here.

No comments:

Post a Comment

Find us useful? Please Support us