Sebenarnya banyak sekali contoh
menu navigasi yang 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>
7. Silahkan simpan pekerjaan anda dan lihat hasilnya :)
Oh iya, om mengucapkan terima kasih buat sahabat blogger
adek
Syamsul Alam yang sudah mereview blog om
disini. silahkan disimak ya :)
