Add Navigation Menu in Blogger

• Tweet

• Tweet

Now you can easily Add Navigation Menu in Blogger with ease. Smooth Navigation Menu is a multi level, CSS list based menu powered using jQuery that makes website navigation a smooth and that’s a good thing given the important role of this element in any site.The menu’s contents can either be from direct markup on the page, or an external file and fetched via Ajax instead. And thanks to jQuery, a configurable, sleek “slide plus fade in” transition is applied during the unveiling of the sub menus. The menu supports both the horizontal and vertical (sidebar) orientation.

Note that the sub menus reposition themselves if too close to the window’s right edges. The depth of the accompanying shadow can be customized, or removed altogether. Smooth we say!

DEMO: Live demo.

Steps to add Navigation Menu in Blogger:

Step 1: Navigate to the Layout > Edit HTML and Insert the following code into the section of your page:

Step 2: Now go to Layout > Page Element in Blogger and click on Add a Gadget > HTML/Javascript and insert the following code and save widget.

Example 1



Item 1
Folder 0

Sub Item 1.1
Sub Item 1.2
Sub Item 1.3
Sub Item 1.4
Sub Item 1.2
Sub Item 1.3
Sub Item 1.4




Folder 1

Sub Item 1.1
Sub Item 1.2
Sub Item 1.3
Sub Item 1.4
Sub Item 1.2
Sub Item 1.3
Sub Item 1.4


Item 3
Folder 2

Sub Item 2.1
Folder 2.1

Sub Item 2.1.1
Sub Item 2.1.2
Folder 3.1.1

Sub Item 3.1.1.1
Sub Item 3.1.1.2
Sub Item 3.1.1.3
Sub Item 3.1.1.4
Sub Item 3.1.1.5


Sub Item 2.1.4




Item 4


Example 2


Item 1
Folder 0

Sub Item 1.1
Sub Item 1.2
Sub Item 1.3
Sub Item 1.4
Sub Item 1.2
Sub Item 1.3
Sub Item 1.4


Folder 1

Sub Item 1.1
Sub Item 1.2
Sub Item 1.3
Sub Item 1.4
Sub Item 1.2
Sub Item 1.3
Sub Item 1.4


Item 3
Folder 2

Sub Item 2.1
Folder 2.1

Sub Item 2.1.1
Sub Item 2.1.2
Folder 3.1.1

Sub Item 3.1.1.1
Sub Item 3.1.1.2
Sub Item 3.1.1.3
Sub Item 3.1.1.4
Sub Item 3.1.1.5


Sub Item 2.1.4




Item 4

After adding the menu your blog layout will be look like in image above, as usual if you have any doubt please comment.

see this link
for more customization: http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm