PLEASE DISABLE YOUR ADBLOCK OR DNS BLOCKED FOR SUPPORT THIS SITE!

Blog Inspirasi Digital

Blog Inspirasi Digital

Tutorial Mikrotik, Hotspot, Blog, SEO, WEB 2.0, HTML, CSS, Javascript dan Inspirasi Digital

StyledMenus: Koleksi Css Menu Navigasi

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 :)

BERI KOMENTAR

Maaf untuk sementara waktu komentar di blog ini di nonaftifkan.

 

Back to Top