Navigator Menu Horizontal
Rabu, 21 Januari 2009Navigator menu horizontal itu seperti top tabs yah kayak terlihat di blog ini,selain menunjang penampilan blog,horizontal menu juga bermanfaat juga untuk memberi info kepada para user blog tentang isi blog.Kalo kamu belum pernah lihat horizontal menu,kaya di bawah ini contohnya
Nah dah tau kan?..
Nah kalo gitu langsung aja kita buat menu horizontal kita..
1. Kamu login dulu ke akun blog kamu
2. Pilih aja edit HTML
3. Kamu cari kode ]]></b:skin>
4. Taruh kode di bawah ini diatas kode ]]></b:skin>
.menuhorisontal{
width: 100%;
overflow: hidden;
border-bottom: 1px solid #000000;
}
.menuhorisontal ul{
margin: 0;
padding: 0;
padding-left: 10px;
font: bold 12px Verdana;
list-style-type: none;
}
.menuhorisontal li{
display: inline;
margin: 0;
}
.menuhorisontal li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px;
border-right: 1px solid white;
color: white;
background: #414141; /*background dari Tabel*/
}
.menuhorisontal li a:visited{
color: white;
}
.menuhorisontal li a:hover, .menuhorisontal li.selected a{
background:#002EB8; /*Background Setelah Pointer Diarahkan */
}
#footheader {
width: 100%;
float:left;
margin:0 0 0;
padding:0 0 0;
height:35px;
}
5. Kemudian kamu cari lagi kode <div id='header-wrapper'>
6. Tambahkan kode ini di bawah kode <div id='header-wrapper'>
<div id='footheader'>
<b:section class='footheader' id='footheader' preferred='yes'>
</b:section>
</div>
7. Kalau sudah tinggal kamu simpan dulu aja.
8. Kita lanju lagi ke elemen halaman
9. Tambah add gadget dengan kode java di bawah ini
div class='menuhorisontal'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='http://konsultasiblogger.blogspot.com'>Link 1</a></li>
<li><a href='http://www.topgetrich.blogspot.com'>Link 2</a></li>
<li><a href='http://www.konsultasiblogger.blogspot.com>Link 3</a></li>
</ul>
</div>
10. Klik simpan.alamat URL serta teks navigator bisa kamu ubah sesuai dengan keinginan kamu
Posted in
Blogging stuff
|
0 comments:
Posting Komentar
Silahkan komentar di blog dofollow ini.Boleh berkomentar asal jangan spam ( Tidak sesuai dengan isi blog )Untuk komentar yang cuma Spam dan sedikit terpaksa saya Hapus ^_^