Pages

Pages

Jumat, 07 Juni 2013

CARA MEMBUAT MENU NAVIGASI DI BAWAH HEADER

Tutorial kali ini adalah cara membuat menu di bawah header. menu merupakan sebuah fitur blog yang memudahkan kita untuk men-show off content blog kita walaupun sebenarnya sudah ada label atau kategori di blog kita.oke langsung aja kita simak tutorialnya :
  • Seperti biasa masuk dulu ke blogger, kemudian masuk dashboard > template > Edit HTML.
  • Kemudian tekan ctrl+f pada keyboard dan cari mencari kode ]]></b:skin> dan letakan kode dibawah ini diatas kode ]]></b:skin> tadi :
 /* Navigasi */#menu {
background:#333;
font:bold 16px Calibri, Arial,Sans-Serif;
width:970px;
margin:0;
padding:0;
overflow:hidden;
border-top:1px solid #436eaa;
border-bottom:1px solid #1d3a63;
}
#menu li {
display:inline;
float:left;
margin:0;
}
#menu li a {
display:block;
padding:6px 10px;
color:#f5f5f5;
text-shadow:-1px -1px #1d3a63;
}
#menu li a:hover {
background:#1d3a63;
color:#ddd;
}

  •  Selanjutna cari lagi kode <div id='header-wrapper'> dan letakan kode di bawah ini tepat di atasnya :
 <nav>
<ul id='menu'>
<li><a href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
</ul>
</nav>
 
  • Terakhir klik save template.


5 komentar:

Estudong mengatakan...

infonya sangat membantu gan, makasih

Unknown mengatakan...
Komentar ini telah dihapus oleh pengarang.
oppinet mengatakan...

sama sama gan

fiweert mengatakan...

thank bro sangat bermanfaaat

Unknown mengatakan...

bagus nih gan infonya sangat bermanfaat

Posting Komentar