5 new menu bar for blogger

Today publishing top 5 menu bar widgets for blogger users that all are popular and unique.All are professional, attractive and very beautiful many of made in css3 and jQuery besides it will not become harmful to your blog speed.

   Ribbon Menu Bar

Ribbon is best and cool things because it has slow mouse hover effect and gives 3D looks.The best thing is that you don’t need to install jQuery for that.

Demo 
       Tutorial

  Rotating box menu bar

   This menu bar is also build with only CSS and HTML;there is not need to add any jQuery, besides it is giving good effect and easy to put any where you want.

Demo
Tutorial 

Sliding menu bar

unfortunately sliding menu bar is not working only with CSS and HTML for that you need a jQuery but still we will gives you easy way to installation.This unique sliding menu bar gives cool looks to your website when visitors click on the left corner button, at that time left window will push to right side with menu mar and that has sub-menu bar also.(this menu bar is by jqueryscript)
You need to fallow 2 step to install sliding menu bar into blogger

Demo
Tutorial

Vertical menu bar

Vertical menu bar is not simple as you think it is build with jQuery and it has beautiful effect on click,if you don’t install jQuery yet they you need to follow two steps otherwise you should follow directly from 2nd step.(this menu bar is by cssmenumaker)

Demo
Tutorial

Simple menu bar

 

This simple and well design menu bar fro blogger with nice mouse hover effect.it is also made with jquery and other javascript.


Tutorial
you will aslo like

Facebook like for business page not only show how much we are popular but it's also show how much people like use. Facebook popup like box is a fantastic way to increase Facebook likes for your Fan page & show authority,so here we are sharing great tutorial for how to make animated Facebook popup like box.

 Animate Facebook like box

Custom CSS for like box

Sliding Facebook like box

Javascript Floating Facebook Like-box Widget

jQuery Pop-up Facebook Like Box With Background Image

Nice Vertical Menu Bar With jQuery

This tutorial is about another navigation menu. Using jQuery and CSS

How To Add This Nice Menu To Your Blog?

}
ul#navigation .search a      {
    background-image: url(http://img21.imageshack.us/img21/7365/searchl.png);
}
ul#navigation .podcasts a      {
    background-image: url(http://img834.imageshack.us/img834/8079/camerae.png);
}
ul#navigation .rssfeed a   {
    background-image: url(http://img263.imageshack.us/img263/5871/rssd.png);
}
ul#navigation .photos a     {
    background-image: url(http://img508.imageshack.us/img508/2226/ipodl.png);
}
ul#navigation .contact a    {
    background-image: url(http://img808.imageshack.us/img808/5498/mailos.png);
}

ul#navigation .download a    {
    background-image: url(link to the image);
}

3. Now find the </head> tag and before it paste the code:

<script type="text/javascript">
            $(function() {
                $('#navigation a').stop().animate({'marginLeft':'-85px'},1000);

                $('#navigation > li').hover(
                    function () {
                        $('a',$(this)).stop().animate({'marginLeft':'-2px'},200);
                    },
                    function () {
                        $('a',$(this)).stop().animate({'marginLeft':'-85px'},200);
                    }
                );
            });
        </script>

<ul id="navigation">

            <li class="home"><a href="" title="Home"></a></li>

            <li class="about"><a href="" title="About"></a></li>

            <li class="search"><a href="" title="Search"></a></li>

            <li class="photos"><a href="" title="Photos"></a></li>

            <li class="rssfeed"><a href="" title="Rss Feed"></a></li>

            <li class="podcasts"><a href="" title="Podcasts"></a></li>

            <li class="contact"><a href="" title="Contact"></a></li>
<a href="http://gigabyteservice.com/" target="_blank" title="Free website designing in india"> </a>
        </ul>

  

You can see that each menu item has a class. This class is for display the image for the menu item (exemple how to add image is on the step 3).
When you add a new menu item make sure that you add the class to display the image

​

      How to add live chat widget for blogger?

Tutorial with more video for more understanding. 

I hop you know Facebook like button is so import not only for sharing your content into facebook but it will show the search engine like Google  that  how much importance your site has? and it's helps to impress your new visitors. it's easy to add Facebook like button into you blog but it's not so easy to add Facebook Like Button in every post into blogger.if you are use some special kind of custom the so it will not working for you but many of cases it will surely work for most blogger blogs so late's start how  Add Facebook Like Button in every post in blogger 

TUTORIAL