Menu navigasi Fox
Minggu, 01 Februari 2009Navigasi menu banyak jenis dan namanya tergantung siapa pembuatnya,bila tampilan menu navigasi semakin bagus dan terlihat rapi tentunya pengunjung blog juga akan semakin nyaman untuk lihat - lihat blog anda.Tampilan menu navigasi ini terlihat rapi dan cocok dengan warna background yang putih,,menu navigasi ini berbentuk tab horizontal dengan warna merah.coba lihat gambar di bawah ini
Untuk melihat demo-nya kamu bisa lhat di sini
bagaimana?apakah masih tertarik?
kalau kamu tertarik untuk membuatnya silahkan ikuti beberapa langkah berikut :
1. Kamu download dulu script berikut
2. Simpan script itu lalu extract dengan klik kanan lalu pilih extract here
3. Buka file tersebut menggunakan NOTEPAD
4. Setelah itu silahkan Login ke akun blogger kamu dulu,pilihlah tata letak lalu pilih edit HTML
5. Salin kode CSS yang telah kamu download tadi
6. Paste di atas kode ]]></b:skin>
cari lagi kode
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='your blog title (Header)' type='Header'/>
</b:section>
ubah kode tersebut menjadi
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='your blog title (Header)' type='Header'/>
</b:section>
7. Simpan template anda
8. Klik tata letak,lalu pilih elemen halaman
9. Pilih tambah widget lalu pilih tambah HTML / JAVA SCRIPT,tambahkan kode berikut
<div id="foxmenucontainer">
<div id="foxmenu">
<ul>
<li><a href="http://www.konsultasiblogger.blogspot.com" title="css menus"class="current"><span>Home</span></a></li>
<li><a href="http://www.konsultasiblogger.blogspot.com" title="css menus"><span>About Us</span></a></li>
<li><a href="http://www.konsultasiblogger.blogspot.com" title="css menus"><span>Services</span></a></li>
<li><a href="http://www.konsultasiblogger.blogspot.com" title="css menus"><span>Our Work</span></a></li>
<li><a href="http://www.konsultasiblogger.blogspot.com" title="css menus"><span>Contact Us</span></a></li>
</ul>
</div>
</div>
10. Ganti alamat URL dan nama link sesuai kebutuhan anda
11. Simpan,lalu lihat hasilnya
Selamat berkreasi...
Ingin mendapat artikel seperti ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan. Atau jika ingin membaca melalui feed reader anda, silahkan klik di sini!
Posted in
Blogging stuff
|
boleh tukeran kok
wah bagus mas menunya....
Hallo, udah dipasang tuh linknya di situs saya.. makasih ya udah berkunjung