Blogger Tips >>Tricks>> Earnings blogTourism

How to add a beautiful Horizontal Menu bar for Your Website, Its easy way to get it.

you can view demo from here

Login to  Blogger
Goto  Layout and Edit Html
add blow code

#catmenucontainer{
height:33px;
        width:1050px;
        margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqyo51S8qiIGBYA0RLtJuH3kr2zsNVRTI1V__h412H-j9VVdUwPzWGVkK_m23i8NFGFRMdjX4G7CEB-d2tRdahlXofQ9Eg82pE81XsyXU1gh2UyHnI52BtlsP3cyrnzIt4ahxr94cVGI6G//) repeat-x;
display:block;
padding:0px 0 0px 0px;
font-size:12px;
        font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:normal;
        border-top:1px solid #252424;
}

#catmenu{
margin: 0px;
padding: 0px;
width:1050px;
background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqyo51S8qiIGBYA0RLtJuH3kr2zsNVRTI1V__h412H-j9VVdUwPzWGVkK_m23i8NFGFRMdjX4G7CEB-d2tRdahlXofQ9Eg82pE81XsyXU1gh2UyHnI52BtlsP3cyrnzIt4ahxr94cVGI6G//) repeat-x;
height:33px;
}

#catmenu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#catmenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
color: #009933;
display: block;
margin: 0px;
padding: 9px 10px 10px 10px;
}

#catmenu li a:hover, #catmenu li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguFVllfXGTABaqgJlsRjpAFI-d7EZSVgnklpxHH2C3zQi4fKA9wlRZWjuRY7Axgu5jBpUOg3w6kWOs0sYgL7EsbsU6TJxlI67Am7mAJ6b3OE0jTDP_GIK203e2CNECN1ThbvXxx00cIe75//) repeat-x;
color: #0000EE;
    margin: 0px;
padding: 9px 10px 10px 10px;
text-decoration: none;
}

#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
background:#ED4A05;
width: 150px;
color: #000000;
font-family:Tahoma,century gothic,Georgia,  sans-serif;
font-weight: normal;
float: none;
margin: 0px;
padding: 9px 10px 10px 10px;
border-bottom: 1px solid #FF7800;

}

#catmenu li li a:hover, #catmenu li li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguFVllfXGTABaqgJlsRjpAFI-d7EZSVgnklpxHH2C3zQi4fKA9wlRZWjuRY7Axgu5jBpUOg3w6kWOs0sYgL7EsbsU6TJxlI67Am7mAJ6b3OE0jTDP_GIK203e2CNECN1ThbvXxx00cIe75//) repeat-x;
color: #0000EE;
padding: 9px 10px 10px 10px;
}

#catmenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}

#catmenu li li {
}

#catmenu li ul a {
width: 140px;
}

#catmenu li ul a:hover, #catmenu li ul a:active {
}

#catmenu li ul ul {
margin: -34px 0 0 170px;
}

#catmenu li:hover ul ul, #catmenu li:hover ul ul ul,
#catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul {
left: -999em;
}

#catmenu li:hover ul, #catmenu li li:hover ul,
#catmenu li li li:hover ul, #catmenu li.sfhover ul,
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
left: auto;
}

#catmenu li:hover, #catmenu li.sfhover {
position: static;
}



add above code before  ]]></b:skin>


and

in your menu section add and edit wat u want



<div id='catmenucontainer'>
<div id='catmenu'>

<ul>
<li><a href='http://cinereview1.blogspot.com/'>Home</a></li>
<li><a href='http://cinereview1.blogspot.com/search/label/Tamil MP3'>MP3</a>
<ul class='children'>
<li><a href='http://cinereview1.blogspot.com/search/label/Tamil MP3' title='link-title'>Tamil</a></li>
<li><a href='http://cinereview1.blogspot.com/search/label/Telugu MP3' title='link-title'>Telugu</a></li>
<li><a href='http://cinereview1.blogspot.com/search/label/Hindi MP3' title='link-title'>Hindi</a></li>
<li><a href='http://southmp3download.blogspot.com/' title='link-title'>Malayalam</a></li>
<li><a href='http://southmp3download.blogspot.com/' title='link-title'>Kannada</a></li>
</ul>
</li>
<li><a href='http://southernmoviedownloads.blogspot.com/' title='link-title'>Movies</a>
<ul class='children'>
<li><a href='http://southernmoviedownloads.blogspot.com/search/label/New Tamil Movie' title='Tamil Movie'>Tamil</a></li>
<li><a href='http://southernmoviedownloads.blogspot.com/search/label/Hindi Movie' title='link-title'>Hindi</a></li>
<li><a href='http://southernmoviedownloads.blogspot.com/search/label/Telugu Movie' title='link-title'>Telugu</a></li>
<li><a href='http://southernmoviedownloads.blogspot.com/search/label/English Movie' title='link-title'>English</a></li>
</ul>
</li>
<li><a href='http://cinereview1.blogspot.com/search/label/Video Songs' title='link-title'>Video</a>
<ul class='children'>
<li><a href='http://cinereview1.blogspot.com/search/label/Video Songs' title='link-title'>Tamil</a>
<ul>
<li><a href='http://cinereview1.blogspot.com/search/label/MP4'>MP4</a></li>
<li><a href='http://cinereview1.blogspot.com/search/label/AVI'>AVI</a></li>
<li><a href='http://cinereview1.blogspot.com/search/label/HQ Video'>HQ Video</a></li>
<li><a href='http://cinereview1.blogspot.com/search/label/mobile video'>Mobile 3GP</a></li>
</ul>
</li>
<li><a href='http://freevideosongz.blogspot.com/search/label/Telugu' title='link-title'>Telugu</a></li>
<li><a href='http://freevideosongz.blogspot.com/search/label/Hindi' title='link-title'>Hindi</a></li>
<li><a href='http://freevideosongz.blogspot.com/search/label/Malayalam' title='link-title'>Malayalam</a></li>
<li><a href='http://freevideosongz.blogspot.com/search/label/Kannada' title='link-title'>Kannada</a></li>
<li><a href='http://freevideosongz.blogspot.com/search/label/English video' title='link-title'>English</a></li>
</ul>
</li>

<li><a href='http://cinereview1.blogspot.com/search/label/Photo Gallery' title='photo gallery'>Photo Gallery</a>
<ul class='children'>
<li><a href='http://cinereview1.blogspot.com/search/label/Actress' title='link-title'>Actress</a></li>
<li><a href='http://cinereview1.blogspot.com/search/label/actor' title=''>Actor</a></li>
<li><a href='http://cinereview1.blogspot.com/search/label/Sexy' title='hot  sexy'>Spicy</a></li>
</ul>
</li>

<li><a href='http://gameandsoftwaredownloads.blogspot.com' title='link-title'>PC Games</a></li>
<li><a href='http://jobsandresults4you.blogspot.com' title='link-title'>Jobs</a></li>
<li><a href='http://watchcricatlive.blogspot.com' title='link-title'>IPL Live</a>
<ul class='children'>
<li><a href='http://watchfreelivetvonline.blogspot.com' title='link-title'>Live TV</a></li>
<li><a href='http://watchcricatlive.blogspot.com' title='link-title'>IPL Live</a></li>
</ul>
</li>
<li><a href='http://southernmoviedownloads.blogspot.com/search/label/Movie Trailer' title='link-title'>Trailer</a>
<ul class='children'>
<li><a href='http://southernmoviedownloads.blogspot.com/search/label/Movie Pereview' title='link-title'>Movie Review</a></li>
<li><a href='http://southernmoviedownloads.blogspot.com/search/label/Movie Trailer' title='link-title'>Movie Trailer</a></li>
<li><a href='your-link-here' title='link-title'>Funny Video</a></li>
</ul>
</li>
<li><a href='http://nsebseupdate.blogspot.com' title='link-title'>Live Market</a></li>
<li><a href='http://earningsonlinemoney.blogspot.com' title='link-title'>Earn Money</a></li>
<li><a href='http://blogearntipsandtricks.blogspot.com' title='link-title'>Blogger Tips</a></li>
</ul>

<div style='float:right;margin-right:20px;'>
<a href='http://feeds.feedburner.com/cinereview1'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/cinereview1?bg=99CCFF&amp;fg=444444&amp;anim=1' style='border:0' width='88'/></a>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=cinereview1'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJPfSTWI1CQL8oecGvmhbiBTTFdZpuoUm2i5QlUQo4sQ_yq9Cj27x8ZEM6zP1Vkv8xRk5ZUxicbmuPQMifK88bQdr4-VTiu5tSsrptkQAasLhuqsjCA-DmNy2LUUbTfJ7948y3LBpR8bdJ//'/></a>
<a href='http://feeds.feedburner.com/cinereview1'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbx6NSzikjZrrTmKKeIzy6gYBbq_dHp7_kUHXivHTGI-m79JmvdK7R7-0knL6w8Blg5V48H05ZVWi4gMqqrf3BuyLwJnxrnuK76pflrvOukbr0LWc5jc_BC6vaUPu0FkYlKaMLRrotaDY2//'/></a>
<a href='http://www.twitter.com/cinereview1'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXgraN_Y3X-ssjNnQUSKMThI_2jL5pjXh4L6lzfISSVeXvuCaQLK3ageIBt7t9Alk2k9ubEgzqftNqTEjFSHCrKgJDYcRQ0VEvFcdUBLs25VZuqksqdlIGIsqnqCkJMTUq5du7TS3OmA0k//'/></a>
<a href='http://cinereview1.blogspot.com/p/contact-us.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaWqrjfKpgiLj6jQHEHZatxT-OaXuulNjLmcY-LcqKKazYnRWYWkdeCySuDkSrYdU9OtHvdjdmusOZwcVC7DMRXy2qyuLHUd-gXANEvDNWRdNUBzMWKTay45T8RaJz868tAWbPs5qs0Lyn//'/></a>
</div>
</div>
</div>

<!-- End Menu Bar -->