Sebenarnya banyak sekali contoh menu navigasiyang bisa anda temukan di search engine, tapi tidak semua menu yang anda temukan juga kompatibel dengan semua web browser (termasuk dalam platform blogger). Nah, biar anda tidak perlu pusing-pusing mencari pilihan CSS Menu, saya menyarankan anda untuk mengunjungi layanan StyledMenus.
StyledMenus merupakan kumpulan Style Css Menu navigasi yang didesain menggunakan kode CSS dengan gaya professional. Ada sekitar 20 lebih pilihan menu navigasi yang bisa anda gunakan untuk blog anda. Cara menggunakannya juga tidak begitu rumit, anda tinggal memilih saja contoh menu Css-nya kemudian mendownloadnya lalu memasangnya kembali diblog anda.
Cara menggunakannya di blogger:
1. Pilih menu CSS dan download, kemudian extract file zip tersebut.
2. Biasanya ada 3 file, CSS, HTML dan satu folder image
3. Upload semua file yang ada dalam folder image ke hosting anda atau tempat biasanya anda menyimpan gambar.
4. Ada 2 cara menggunakan kode CSS, bisa diupload di hosting lain atau langsung memasangnya di antara CSS kode dalam halaman EDIT HTML.
<link href="http://alamaturl.com/style.css" rel="stylesheet" type="text/css" />
Kode diatas untuk memanggil kode CSS jika di host dialamat lain
5. Jangan lupa menyesuaikan alamat lokasi gambar yang ada dalam kode CSS
6. Cara menggunakan menunya
<div id="menu">
<ul>
<li><a href="#" class="red">home</a></li>
<li><a href="#" class="orange">about us</a></li>
<li><a href="#" class="yellow">services</a></li>
<li><a href="#" class="green">solutions</a></li>
<li><a href="#" class="blue">contact us</a></li>
</ul>
</div>
<ul>
<li><a href="#" class="red">home</a></li>
<li><a href="#" class="orange">about us</a></li>
<li><a href="#" class="yellow">services</a></li>
<li><a href="#" class="green">solutions</a></li>
<li><a href="#" class="blue">contact us</a></li>
</ul>
</div>
7. Silahkan simpan pekerjaan anda dan lihat hasilnya :)
Posting Komentar