Membuat Menu Menurun Sederhana 3

Membuat menu menurun sederhana tanpa harus edit html, seperti biasa
1. Langkah pertama
2. Masuklah ke Tata Letak, lalu Pilih Tambah Widget / Gadget
3. Pilih HTML/JavaScript
4. Salin Script di bawah ini dan paste selanjutnya ke dalam widget baru yang anda buat

<style> #navcontainer { /* none needed */ } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; }
ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; margin: 0;
padding: 5px 0 4px 0; background-color: #666; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; }
#navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #fff; border-right: 1px solid #d1e3db; text-decoration: none; }
ul#navlist li#active { color: #95bbae; background-color: #d1e3db; } #navlist a:hover { color: #fff; background-color: #FE9C54; }
</style> <div id="navcontainer"> <ul id="navlist">
<li><a href="#"><span>Link 1</span></a></li>
<li><a href="#"><span>Link 2</span></a></li>
<li><a href="#"><span>Link 3</span></a></li>
<li><a href="#"><span>Link 4</span></a></li>
<li><a href="#"><span>Link 5</span></a></li>
<li><a href="#"><span>Link 6</span></a></li>
<li><a href="#"><span>Link 7</span></a></li>
</ul> </div>

Keterangan :
<li><a href="#"><span>Link 7</span></a></li>
# ganti dengan alamat url blog sobat
Link beri nama judul
Semoga bermanfaat

0 komentar:

Posting Komentar