Showing posts with label Menu Horizontal. Show all posts
Showing posts with label Menu Horizontal. Show all posts

Cara Membuat menu navigasi horisontal dengan css menu (versi blue sprite) di blog

Baiklah Sobaat. Hari ini saya akan memberikan tips baru kepada sobat tentang cara membuat menu navigasi horizontal di blogspot dengan css menu (versi blue sprite) agar Blog kita bisa terlihat lebih rapi dan lebih cantik.:)

Menu navigasi secara default belum tersedia di template blogspot. Menu navigasi horisontal versi blue sprite adalah varian dari menu navigasi sebelumnya seperti menu navigasi massive blue yang menggunakan script css . Untuk lebih jelasnya, bisa anda lihat gambar dibawah ini:


cara membuat menu navigasi horisontal/dropdown (massive blue drop down)

Salam para blogger mania.

Pada ulasan kali ini saya akan memberikan tips bagaimana cara membuat menu navigasi horizontal/dropdown untuk mempercantik blog anda. Menu navigasi horisontal dengan script css yang bisa dijadikan alternatif untuk dipasang di blog adalah menu navigasi horisontal/dropdown (massive blue drop down). Seperti gambar di bawah ini:


Beberapa menu horizontal lainnya bisa dilihat disini:
1. Menu Horizontal sederhana
2. Dropdown 2 level


Untuk membuat menu navigasi di atas, bisa ikuti prosedur berikut:

Cara Membuat menu dropdown 2 level menggunakan css script (menu navigasi horisontal)

Haloo sobaat. Pada ulasan kali ini, saya akan memberikan tips cara membuat menu navigasi bercabang dropdown menggunakan css script.Seperti dalam bahasan terdahulu tentang menu navigasi horisontal bercabang dengan cabang hanya 1 level, dalam postingan ini kita mencoba membuat menu navigasi horisontal (drop down menu) dengan cabang hingga dua level. Script menu ini bersumber dari css menu maker.

Menu navigasi yang terpasang diblog dimaksudkan untuk memudahkan pengunjung menelusuri isi blog, selain itu juga menjadi pinti masuk robot search engine dalam menelusuri link yang ada di dalam blog. Kita juga Membisa menambahkan menu navigasi secara manual yang tersedia melalui blogger itu sendiri. Akan tetapi, kita pasti belum merasa puas karena designnya yang default. Kita pasti ingin membuat menu navigasi yang baru dan dapat mempercantik blog kita. Setuju tidak sobaat??? mudah-mudahan sobat setuju. Baiklah, Tampilan menu navigasi yang akan saya jelaskan cara membuatnnya bisa dilihat pada gambar di bawah ini



Membuat menu navigasi (horizontal) sederhana

Panduan ini saya buat khusus buat teman-teman yang tertarik untuk menambah (memasang/membuat) menu navigasi horizontal di blog anda. Menu navigasi ini saya peroleh dari dynamicdrive. Kelebihan dari menu ini adalah tidak menggunakan image(gambar), jadi waktu loadingnya lebih cepat. kekurangannya tampilannya tidak menarik.Buat teman-teman yang tertarik anda bisa menggunakan cara pasang (tambah/buat) menu navigasi horisontal di blog dengan mengikuti prosedur di bawah ini.


Untuk membuat menu seperti di atas, bisa lakukan prosedur berikut:

1. Masuk ke Dashboard -> Tata Letak -> Edit Html
2. Cari kode berikut