hai sobat, sekarang saya akan memberikan anda tentang cara membuat menu simple dari saya sendiri (andikaarya), langsung saja ke TKP
body {
background-color: #FFF;
margin: 0px;
}
#menu {
height: 50px;
width: auto;
background-color: #242424;
}
#menu #navigasi {
float: left;
height: 50px;
width: 600px;
}
#menu #navigasi a {
display: block;
float: left;
margin: 0px;
padding: 15px;
color: #FFF;
text-decoration: none;
font-size: 16px;
}
#menu #navigasi a:hover {
color: #FFF;
background-color: #333;
}
</style>
</head>
copy kode di bawah ini dan letakan di atas code </header>
<div id="menu">
<div id="navigasi">
<a href="#">home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</div>
</div>
langkah :
- login ke blogger
- masuk ke template
- edit HTML
- jangan lupa klik Expand template widget
sobat cari kode ]]></b:skin> dan letakan kode di bawah ini tempat di atas kode ]]></b:skin>
agar mempermudah pencarian anda bisa klik F3/Ctrl+F
agar mempermudah pencarian anda bisa klik F3/Ctrl+F
body {
background-color: #FFF;
margin: 0px;
}
#menu {
height: 50px;
width: auto;
background-color: #242424;
}
#menu #navigasi {
float: left;
height: 50px;
width: 600px;
}
#menu #navigasi a {
display: block;
float: left;
margin: 0px;
padding: 15px;
color: #FFF;
text-decoration: none;
font-size: 16px;
}
#menu #navigasi a:hover {
color: #FFF;
background-color: #333;
}
</style>
</head>
copy kode di bawah ini dan letakan di atas code </header>
<div id="menu">
<div id="navigasi">
<a href="#">home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</div>
</div>
langkah terakhir tinggal save template, terima kasih telah mengunjungi blog kami
berikut gambar dari menu saya
jika ada yang salah dengan menu yang saya buat ini
anda bisa kritik lewat email kami
komentarwatermark@yahoo.co.id
Bila ada kiriman email tersebut jangan di balas
karena auto respond

Komentar ini telah dihapus oleh pengarang.
BalasHapus