Blogger9:- Now add stylez navigation menu in your blogger blog easily. 0

| | , ,

Hello friends this navigation menu give your blog good style and hove so add this navigation menu in your blog.



Follow simple step to adding this navigation menu in your blogger blog---->>>>

* First go to your blogger DASHBOARD.

* Now click in design tab and edit HTML .

* Click small box to expand your blogger template.

* Now find ]]</b:skin> by CTRL+F key easiy.

* Copy below code and paste before ]]</b:skin>

#menu {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://1.bp.blogspot.com/_qJFbsMHBJNg/SnAtvCy6o6I/AAAAAAAAAC4/m62RxZCHKvk/s1600/img01.gif) no-repeat scroll left top;
height:50px;
margin:0 auto;
padding:0;
width:940px;
}
#menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#menu li {
display:inline;
}
#menu a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://2.bp.blogspot.com/_qJFbsMHBJNg/SnAt5Z3aZ3I/AAAAAAAAADA/O_HUygAQSOI/s1600/img14.gif) no-repeat scroll right 7px;
color:#04283B;
display:block;
float:left;
font-size:13px;
font-weight:bold;
height:34px;
margin:0;
padding:16px 30px 0;
text-decoration:none;
text-transform:capitalize;
}
#menu a:hover {
color:#04283B;
}
#menu .current_page_item a {
color:#04283B;
}

* Now save your blogger template.

* Again go to your blogger Dashboard and click in design tab now.

* Now you are here--->>> Add new element.

* Click in Add gadget which is below blog title or header not click in sidebar ok.

* When open new window select HTML/Javascript from list.

* And when open new blank box copy below code and paste in blank box.


<div id='menu'>
<ul>
<li><a Title='Home' href='YOUR BLOG ADDRESS'>Home</a></li>
<li><a href='URL1'>TAB1 TITLE</a></li>
<li><a href='URL2'>TAB2 TITLE</a></li>

<li><a href='URL3'>TAB3 TITLE</a></li>
<li><a href='URL4'>TAB4 TITLE</a></li>
</ul>
</div>

* Now save your HTML/Javascript ok now you are done.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Blogger9:- Now add stylez navigation menu in your blogger blog easily. ~ Twitter FaceBook

0 Responses So Far:

Categories

Select Your Categories