Mari coba belajar membuat navigasi menu diatas Header. Ok, biar ga kelamaan langsung aja coba cara yang satu ini:
1. Masuk ke Tata Letak
2. Edit HTML
3. Cari kode <head>
4. Masukan kode berikut dibawah kode diatas:
5. Setelah itu cari kode <body>
<style type="text/css">
#header {
float: left;
width: 100%;
background-color: white;
padding-top: 0;
margin-top: 0;
background: #ccc;
}
#header h5 {
display: none;
}
#header ul {
margin: 0;
padding: 10px 10px 0;
list-style: none;
}
#header li {
float: left;
margin: 0;
padding: 0;
}
#header a {
display: block;
}
#header li {
float: left;
background: yellow;
margin: 0;
padding: 0;
}
#header a {
display: block;
background: gold;
padding: 5px 15px;
color: #ccc;
text-decoration: none;
}
</style>
6. Dan letakkan kode dibawah ini, persis dibawah kode <body>
(Untuk kode warna kuning silahkan ganti dengan URL yang akan Anda rekomendasikan; serta kode warna hijau ganti dengan nama halaman yang akan direkomendasikan)
<div id="header">
<ul>
<li><a href="URL YANG DITUJU">DEPAN</a></li>
<li><a href="URL YANG DITUJU">TENTANG SAYA</a></li>
<li><a href="URL YANG DITUJU">VIDEO</a></li>
<li><a href="URL YANG DITUJU">FREE DOWNLOAD</a></li>
</ul>
</div>
OK, Selamat Mencoba
0 komentar:
Posting Komentar
Silahkan tinggalkahn pesan Anda yang sopan, terimakasih!