cara bikin menubar di atas header blog

---

Ada begitu banyak informasi di luar sana di internet, dan semua orang memberitahu Anda untuk melakukan hal yang berbeda. Siapa yang Anda mendengarkan? Dimana titik awal, mungkin Anda harus melupakannya - itu terlalu membingungkan.Sekarang  aku digunakan untuk menjadi seorang pemula, serta blogging. Saya memiliki masalah yang sama. Aku mulai blog,saya tahu kurang dari apa-apa tentang blogging tapi aku akan member tips cara
1.buka blog
  .template
  .edit template
2.copy code di bawa ini

/*Satunggal1 Top Menu*/
#top{margin:auto;padding: 0;width: 950px;background:#eeeded;border-bottom:1px solid #ddd;}
#top-wrap{margin:auto;padding: 0;width: 950px;background:#eeeded;}
#navwrap {margin: 0px auto; width:560px; float:left;background:#080705;}
.topnav ul {list-style:none;margin:0;padding:0px; float:left;}
.topnav li {float:left;margin:0;text-align:center;}
.topnav li a {font-family: arial; font-weight:bold; font-size:11px;display:block;padding:10px 10px;color:#222;text-decoration:none; text-transform:uppercase;}
.topnav li a {background:none; }
.topnav li a:hover, li a:focus, li a:active {text-decoration:none; background:#ffffff; color:#000000;}}
#navbar-iframe {display: none !important;}

3. cari code ]]></b:skin  letakan di atasnya

4.copy lagi code di bawah ini

<div id='top'>
<div id='top-wrap'>
<div class='topnav'>
<ul id='topnav'>
<li><a href='http://satunggal1.com/' title='Top Menu'>Top Menu</a></li>
<li><a href='http://satunggal1.com/' title='Contact'>Contact</a></li>
<li><a href='http://satunggal1.com/' title='Disclaimer'>Disclaimer</a></li>
<li><a href='http://satunggal1.com/' title='Privacy Policy'>Privacy Policy</a></li>
<li><a href='http://satunggal1.com/' title='about'>about</a></li>
<li><a href='http://satunggal1.com/' title='sitemap'> Sitemap </a></li>
</ul>
</div>
</div>
<div style='clear: both;'/>
</div>

5.letakan di bawah code </head>

6.cek dengan klik preview template,kalau tampil tinggal save tamplate

7.selesai

---