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

Postingan terkait:

Belum ada tanggapan untuk "cara bikin menubar di atas header blog"

Post a Comment