Add Rounded Css Navigation Menu to Blogger
Follow simple and easy step to adding this menu to blogger blog --->>>>
* First go to your bloger 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>
Follow simple and easy step to adding this menu to blogger blog --->>>>
* First go to your bloger 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/roundedmenu.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.
<img src="http://santabanta.mywapblog.com/files/top121.jpg" width="202" height="4" alt="" class="top flt" /> <div class="menubg flt"> <ul class="menu flt"> <li class="current_page_item"><a href="HOME PAGE URL">Home</a></li> <li class=""><a href="TAB1 URL HERE" title="">TAB1 TITLE HERE</a></li> <li class=""><a href="TAB2 URL HERE" title="">TAB2 TITLE HERE</a></li> <li class=""><a href="TAB3 URL HERE" title="">TAB3 TITLE HERE</a></li> <li class=""><a href="TAB4 URL HERE" title="">TAB4 TITLE HERE</a></li> <li class=""><a href="TAB5 URL HERE" title="">TAB5 TITLE HERE</a></li> </ul> </div> <img src="http://santabanta.mywapblog.com/files/bot121.jpg" width="202" height="3" alt="" class="bot flt" /> <div style="clear:both;"></div>
NOTE:- Remove highlighted text from above code with your own ok.
* Now click to save your HTML/javascript and now you are done.
CHEERS.
|
0 Responses So Far: