Cara Memasukan Menu Top Navbar


ke Tample

HTML

Edit HTML

Lalu Cari Kode ]]></b:skin> ,tekan ctrl F biar lebih mudah

Jika Sudah ketemu pastekan kode di bawah ini tepat di atas kode ]]></b:skin>

.topnav{float:center; font-size:11px; margin:0 auto; width:980px; background:black; border:1px dashed #080; position:relative; left:-0px; top:10px; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0}
.topnav ul{height:20px; list-style:none outside none; margin:0 auto; padding:5px 0 12px 40px}
.topnav li{float:left; margin:0; font-size:13px; margin-right:5px}
.topnav li a{color:green; display:block; text-decoration:none; float:left; padding:5px 10px}
a.home{color:red !important; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 5px rgba(0,0,0,0.9) inset,0 0 5px #901af5; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.9) inset,0 0 5px #901af5; box-shadow:0 0 5px rgba(0,0,0,0.9) inset,0 0 5px #901af5}
.topnav li a:hover{color:#0f0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 5px rgba(0,0,0,0.9) inset,0 0 5px #0f0; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.9) inset,0 0 5px #0f0; box-shadow:0 0 20px rgba(0,0,0,0.9) inset,0 0 5px #0f0}
.nav_topb{width:30px; height:30px; background:url()no-repeat left top; left:-12px; position:relative; top:89px}
.botnav{float:left; font-size:11px; margin:0 auto; width:980px; background:transparent; border:1px solid #0f0; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px}
.botnav ul{height:20px; list-style:none outside none; margin:0 auto; padding:5px 0 12px 40px}
.botnav li{float:left; margin:0; font-size:13px; margin-right:5px}
.botnav li a{color:blue; display:block; text-decoration:none; float:left; padding:5px 10px}
.botnav li a:hover{color:#901af5; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 20px rgba(0,0,0,0.9) inset,0 0 5px #901af5; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.9) inset,0 0 5px #901af5; box-shadow:0 0 20px rgba(0,0,0,0.9) inset,0 0 5px #901af5}
b.home{color:#0e1ef3 !important; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 5px rgba(0,0,0,0.9) inset,0 0 5px #0e1ef3; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.9) inset,0 0 5px #0e1ef3; box-shadow:0 0 5px rgba(0,0,0,0.9) inset,0 0 5px #0e1ef3}

LALU CARI LAGI CODE </BODY> TEKAN CTRL F  UNTUK MEMPERCEPAT

JIKA SUDAH COPY CODE DI BAWAH INI DI BAWAH TEPAT CODE </BODY>

<div class='topnav'>
<ul>
<li><a href='serbaadas.blogspot.com'>Serba ada ></li>
<li><a href=http://serbaadas.blogspot.com/2013/12/blog-post_13.html1le'>TRICK BLOG</a></li>
<li><a href=https://www.facebook.com/wakabayasi.genzoi'>My Facebook</a></li>
<li><a href=http://serbaadas.blogspot.com/2013/12/blog-post_12.html'>gambar lucu</a></li>
<li><a href=serbaadas.blogspot.com/2013/12/blog-post.htm'>gambar Kakashi</a></li>
</ul>
</div>

LALU SIMPAN TEMPLATE.. CHECK BLOG ANDA TADAAA LIAT HASIL NYA :D


NB:UNTUK YANG BERWARNA HIJAU  KALIAN BISA GANTI DENGAN JUDUL YANG KALIAN MAU

UNTUK YANG BERWAARNA BIRU KALIAN BISA GANTI LINK TERSEBUT SESUAI DENGAN JUDUL NYA


Selamat Mencoba 


>>>>>>>>>>>>>>>>>>>>>>TRIMAKASIH<<<<<<<<<<<<<<<<<<