Menu Blogger Mega Menu
Mega Menu with Images or Thumbnails for Blogger
operate solely through photos. Now, with the new AJAX navigation menu widget, images can be added to the
drop-down menu as well
Features
- Multi-Level Menu Support
- The AJAX menu is a multi-level drop-down menu that is based on the standard unordered list of HTML. When a
- menu contains a sub-menu, it loads on the fly when a user rolls over the main menu. What is great about this is
- that it saves outgoing traffic, especially on a website that uses a large navigation.
- Cross-browser Compatibility
- Most AJAX applications will work across different browsers even with other plugins or proprietary technology
- already installed. The menu with images works in the same premise, instead of being designed for a specific
- browser. Because there is no telling which browser you or your blog readers would use, the new AJAX dropdown
- mega menu with images is the ideal option.
- Some of the Windows browser supported includes IE5+, Firefox, Google Chrome, Safari Netscape 7+ and Opera
- 8+. When youre using a Mac, the AJAX menu is supported on Firefox, IE and Safari. If JavaScript is disabled,
- however, the menu is still accessible, but only as pure CSS menu.
- Automatic Sub-Menu Display
- With the new AJAX menu, you only need to roll over a menu item and sub-menus will automatically load. No
- need to click on a menu to get the sub-menu to drop down. This not only saves users valuable navigation time,
- but also outgoing traffic.
- AJAX menus can be styled by simply changing the megamenu.js and the CSS style. The former is used when
- javaScript is turned on, while the latter is when it is turned off. You can adjust the menu parameters manually or
- you can use ready-to-use templates.
- There are plenty of other features, but you would not be able to use or experience them if you do not install the
- new mega menu with images. What do you need to do then to implement it in your blog or website?
Demo
Step by Step
Skin
- cari kode
- ]]></b:skin>
Java Script
- Cari kode </head>
- biasanya terletak sebelum paling bawah atau control+f </head>
- letakan kode script ini diatasnya
<ul class=megamenu id=megamenuid>
<li><a href=/>Home</a></li>
<li><a class=menu-target href=#>MENU TITLE</a>
<ul>
<li><a href=http://ADDURLHERE.com>LABEL NAME</a></li>
<li><a href=http://ADDURLHERE.com>LABEL NAME</a></li>
<li><a href=http://ADDURLHERE.com>LABEL NAME</a></li>
</ul>
</li>
<li><a class=menu-target href=#>MENU TITLE</a>
<ul>
<li><a href=http://ADDURLHERE.com>LABEL NAME</a></li>
<li><a href=http://ADDURLHERE.com>LABEL NAME</a></li>
<li><a href=http://ADDURLHERE.com>LABEL NAME</a></li>
</ul></li>
<li><a href=http://ADDURLHERE.com>Normal Link</a></li>
<li class=search-box>
<form action=/search class=search-here method=get>
<input class=search-field name=q placeholder=Search Here size=30 type=text/>
<input class=search-button type=submit value= />
</form>
<p class=search-alert>Search form is empty!</p>
</li>
</ul>
<div class=clear/>
<div class=clear/>
download now
