Show Mobile Navigation
,

Rose 91481 AmoTe Navigation Menu

Hemant Verma - 9:10 PM

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.




 



Make Your Blog Like a Pro
About | Contact | Affiliates | Privacy Policy | TOS