Tooltip Effect Navigation Menu Widget For Blogger

Tooltip effect navigation menu bar widget for blogger. It displays the name of the icon when you hover your mouse over the icon on the menu. Created in html and css.

Tooltip Effect Navigation Menu Widget For Blogger

VIEW DEMO

After sharing lots of different blogger widgets and navigation menu bar widgets for blogger. This time we are sharing a tooltip effect navigation menu. We have shared many other navigation menu that is best and with some animation.effect navigation menu .

 

How to add this navigation menu widget to blogger.

• Login to blogger.
• Go to layout.
• Click to add a gadget.
• Choose html/javascript.
• Copy the below code after downloading it.
• Paste it and you are done.

Now when you have downloaded the complete code now here are some custmoization that you have to make.

Html code customization

As you can see in the code. There are two layers of menu. The first is with the icons and second is with the text.

If you want to change the icon than replace the default icons with your icons.
And if you want to change the text then replace the default like home, blog, action and others with your texts.

<nav>
<menu>
<li><a href="#">☀</a></li>
<li><a href="#">✈</a></li>
<li><a href="#">❄</a></li>
<li><a href="#">☎</a></li>
</menu>
</nav>
<nav class="menu2">
<menu>
<li><a href="#">HOME</a></li>
<li><a href="#">BLOG</a></li>
<li><a href="#">ACTION</a></li>
<li><a href="#">NEWBIE</a></li>
<li><a href="#">SLOW</a></li>
</menu>
</nav>

DOWNLOAD FULL CODE