How to add Orangy navigation menu in blogger/blogspot.
Follow simple and easy step to adding this navigation menu in blogger blog---->>>>>
* First go to your blogger Dashboard.
* Now click in design Tab and edit HTML.
* Click in small box to expand your blogger Template.
* After Above step find this code ]] By CTRL+F key.
* Copy below code and paste before ]]
#menu_wrapper {
width: 100%;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTJbzy1Mg8kKOcL2MSWvzWgfOP_Cu-hePxjNJJ3BNhNOaWcs3e2xkZ7ju0doqiecoIZeIGKwDWgU01lvRYCtTKK2Ixp2DbS3_ScGKdBCmOfZinWvcUOwqNUtedHkrVru2MFrg4aUK1ck/s1600/buymythemes.com_menu.png) no-repeat top center;
}
#menu {
width: 980px;
height: 40px;
margin: 0 auto;
}
ul.navigation {
width: 800px;
list-style: none;
margin: 0 auto;
padding: 0;
}
ul.navigation li {
display: inline;
margin: 0px;
padding: 0;
}
ul.navigation a {
margin-left:10px;
float: left;
display: block;
height: 40px;
padding: 8px 15px 0;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
text-decoration: none;
text-align: center;
}
ul.navigation a:hover, ul.navigation a.selected {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvC6dCnaAXc4tbMS8qDoMfhiMqfxgyzXyUVJfnbf9Pl4rThZTrH2cAu7JRTNIrXaRqjgHKg_bqnrs6xbbDJjNWSMYUSROfba7weJ4ifFKUMCEO8_vtPNa43zl_XL5wKR7lAkqDcmhoEVu3/s1600/buymythemes.com_menu_hover.png) repeat-x top center;
color: #FFFF00;
}
ul.navigation a:focus {
outline: none;
}* 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 your blogger sidebar.
* When open new window click in HTML/javascript from list.
* When open new blank box copy below code and paste in blank box.
NOTE:- Remove Highlighted Text in above code with your own ok
* Now click to save your HTML/javascript and after saving drag and drop this element below blog header.
* Now again click to save button and you are done. Cheers
0 comments:
Post a Comment