After a long time, we have hacked a new Navigation Menu from (adsenseg.com) and make compatible it for blogger and we give a new name to it "ROSE 91481 AMOTE NAVIGATION MENU" this will give a new look to your website OR blog.
Add Rose 91481 AmoTe Navigation Menu
- Go to Blogger Dashboard
- Click on DropDown Menu and select Layout
- Choose a HTML/JavaScript Widget
- Paste Below code in it
<style>
/*------ Nav Menu Hacked by Rose 91481 -------*/
#rosenav-list{
position:absolute;
width:921px;
margin:0auto;
height:69px;
top:68px;
left:40px;
}
ul.nav{
margin:0;
padding:0;
}
ul.nav li{
width:auto;
margin:0 24px 0 0;
padding:0 0 0 10px;
list-style:none;
float:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-kSdklQuc9-EbMLvNEfgUktSPGXvvFTduPMEpCC9_KWPWaFHhbNXk0w3AkZKUgy4PIJ0Ei4EYyDcHeoMRutVLGLK6FiDFAk_ICN-ooh8qt2jTl3xvMXSOKeXcRDyhGng5Dcmj-xyvlRU/s1600/rose91481nav-list.png) left repeat;
font:bold 160%/140%"navigasi";
}
ul.nav li a{
padding:0 24px;
}
ul.nav>li>a{
text-shadow:-1px -1px 1px #333;color:#7b7878;
}
ul.nav li a:hover{
text-decoration:none;
}
ul.nav>li.current_page_item>a,ul.nav>li.current-cat>a,ul.nav>li>a:hover{
text-shadow:-1px -2px 1px #000;
}
#text-list{
margin:0;
padding:0;
height:31px;
float:left;
}
ul.nav li img{
float:left;
}
/*------- www.widgetgenerators.blogspot.com -------*/
</style>
<div id="rosenav-list">
<ul class="superfish nav clearfix">
<li class="page_item page-item-2 current_page_item">
<a href="#">Home</a></li>
<li class="page_item page-item-8"><a href="#">Blogger Templates</a></li>
<li class="page_item page-item-8"><a href="#">About Us</a></li>
<li class="page_item page-item-27"><a href="#">Contact Us</a></li></ul></div>
</div>
- Now Save Your Widget
Make Changes....!
- Replace it # with your link.
- Replace it with your list name.