Add Rounded Css Navigation Menu to Blogger / Blue. 0

| | , ,

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>

<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.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Add Rounded Css Navigation Menu to Blogger / Blue. ~ Twitter FaceBook

0 Responses So Far:

Categories

Select Your Categories