Mac Green CSS3 Navigation menu for blogger
Follow simple and easy step to adding this menu to your blogger --->>>>
* First go to your blogger Dashboard.
* Now click in design tab and edit HTML.
* Click in small box to expand your blogger Template.
* Now find this code <head> by CTRL+F key.
* Copy below code and paste after <head>
<link href="https://4636338866364619332-a-1802744773732722657-s-sites.googlegroups.com/site/mauganj1/macgreen.css" rel="stylesheet" type="text/css"></link>* Now click to save your blogger Template.
* Again go to your blogger Dashboard and click in design tab.
* Now you are here --->>> Page Element.
* Click in Add Gadget which is in blog sidebar.
* When open new window click in HTML/javascript from list.
* When open new blank box copy below code and paste in blank box.
<div class="menu_templ"> <ul id="css3menu"> <li class="topitem"><a href="#" title="">Overview</a></li> <li class="topitem"><a href="#" title=""><span>What's New</span></a> <ul class="submenu"> <li class="subfirst"><a href="#" title="">Apr 25, 2010 - Version 1.6 released! </a></li> <li><a href="#" title="">Apr 29, 2010 - Version 1.6.1 released! </a></li> <li class="sublast"><a href="#" title="">May 15, 2010 - Version 2.0 released! </a></li> </ul> </li> <li class="topitem"><a href="#" title=""><span>How to Use</span></a> <ul class="submenu"> <li class="subfirst"><a href="#" title="">Quick Help</a></li> <li><a href="#" title="">FAQ</a></li> <li class="sublast"><a href="#" title="">Feedback</a></li> </ul> </li> <li class="topitem"><a href="#" title=""><span>Demos</span></a> <ul class="submenu"> <li class="subfirst"><a href="#" title=""><span>Android</span></a> <ul class="submenu"> <li class="subfirst"><a href="#" title="">Android Dark</a></li> <li><a href="#" title="">Android Orange</a></li> <li><a href="#" title="">Android Blue</a></li> <li><a href="#" title="">Android Green</a></li> <li class="sublast"><a href="#" title="">Android Rose</a></li> </ul> </li> <li class="sublast"><a href="#" title=""><span>Mac Style</span></a> <ul class="submenu"> <li class="subfirst"><a href="#" title="">Mac Grey</a></li> <li><a href="#" title="">Mac Dark Green</a></li> <li><a href="#" title="">Apple</a></li> <li><a href="#" title="">Apple Black</a></li> <li><a href="#" title=">Apple Blue</a></li> <li class="sublast"><a href="#" title="">Apple Green</a></li> </ul> </li> </ul> </li> <li class="topitem"><a href="#" title=""><span>Download</span></a> <ul class="submenu"> <li class="subfirst"><a href="#" title="">Windows version</a></li> <li class="sublast"><a href="#" title="">Mac version</a></li> </ul> </li> </ul>
* Now click to save your HTML/javascript and after saving this element Drag and drop below header and again click to save button ok.
No comments:
Post a Comment