Menu navigasi Fox

Minggu, 01 Februari 2009
Navigasi 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!


Delivered by FeedBurner



3 comments:

  1. attayaya mengatakan...

    boleh tukeran kok

  2. albri mengatakan...

    wah bagus mas menunya....

  3. Roffi mengatakan...

    Hallo, udah dipasang tuh linknya di situs saya.. makasih ya udah berkunjung

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 ^_^

 
Adformat designed by Simon Pilkington