Buat yg pengen simple bikin menu navigasi. nih ane kasih langsung aja
code nya. tidak menggunakan javascript, jadi sangat ringan. Copas aje
langsung.
<center><div class='menu-solid'>
<a href='http://duniasiandra.blogspot.com/'>Home</a>
<a href='url kamu masukan sini'>About</a>
<a href='url kamu masukan sini'>Lisence</a>
<a href='url kamu masukan sini'>Tut's</a>
<a href='url kamu masukan sini'>Contact</a>
<a href='url kamu masukan sini'>Edit</a>
</div> </center>
<style>
/* horizontal menu CSS
------------------------------------------- */
/*Credits: menu by Andra Permana Halim */
.menu-solid{
margin: 0;
padding: 0;
float: left;
font: bold 12px Arial;
width: 100%;
border: 1px solid #6e2f12;
border-width: 1px 0;
-moz-border-radius: 10px;
border-radius: 10px;
background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYp8CcbY3LQLJ8QZgkAWBb9TZcBCsWwNkpbLWHAAY0Com32bnpdaS_DcH67XRavTFM38cXvxo5Wkq8-YicGSk8XDmZtXjn70vHjVizRk8SAvlU91qFAWm-Il13eZwyEn6llSU3RLf8kssh/s1600/menu.png);
}
.menu-solid {
display: inline;
}
.menu-solid a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
}
.menu-solid a:visited{
color: #ffffff;
}
.menu-solid a:hover, .menu-solid .current{
color: #000;
background: #f3f3f3;
text-decoration:none;
}
</style>
ente cukup copy paste code tersebut dan tempatkan dalam widget "HTML/Javascript" tanpa perlu masuk ke edit html.
sumber
