Khamis, 21 Jun 2012

cara membuat menu diatas navbar

1.cari tulisan   ]]></b:skin> .kemudian paste kode dibawah in di atas
 ]]></b:skin>
......

/* top navbarblack
----------------------------------------------- */
#navbarblack {
height:27px;
background:#fff url(http://i36.tinypic.com/11t7ok1/BGS1.jpg)top repeat-x;
padding:5px;
}
#nav {
font-size:1.1em;
float:left;
}
#nav, #nav ul {
list-style: none;
line-height: 1;
}
#nav li {
float:left;
background: url(http://i38.tinypic.com/2v0lb92/BGS1.jpg) right repeat-y;
padding: 0 10px;
}
#nav a, #nav a:visited {
display:block;
color: #eabe64;
padding-bottom:6px;
border-bottom:2px solid #eae8d1;
}
#nav a:hover, #nav a:active,
#nav li.current-cat a, #nav li.current-cat a:visited {
display:block;
padding-bottom:2px;
color: #0c00fd;
border-bottom:12px solid #ea3131;
}
.shift:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}
.shift {
margin:0px auto;
display:inline-block
}
.shift {
display:block
}


2. Kembali temukan : </head>
3. Letakkan kode berikut di bawahnya :

<div class='shift' id='navbarblack'>
<ul class='shift' id='nav'>

<li><a href='newnkgal3.blogspot.com'>Home</a></li>
<li><a href='newnkgal3.blogspot.com'>Tutorial Blogger</a></li>
<li><a href='newnkgal3.blogspot.com'>Seni dan Budaya</a></li>
<li><a href='newnkgal3.blogspot.com'>Olah Raga Indonesia</a></li>
<li><a href='newnkgal3.blogspot.com'>Motor GP</a></li>
<li><a href='newnkgal3.blogspot.com'>Formula 1</a></li>

</ul>
</div>

Kode dengan warna merah dan biru silahkan diganti sesuai dengan kebutuhan anda berkaitan dengan "Menu" yang akan di isikan beserta "Link Menu"-nya.

Tiada ulasan:

Catat Ulasan

"BAGIE YANG MAU REQUEST........
"TULIS COMMENT ANDA....