Membuat Menu Horizontal

Membuat Menu Horizontal

Membuat menu horisontal di blog sebenarnya bertujuan untuk mempermudah para pengunjung blog agar lebih mudah menuju suatu halaman yang dikehendaki, atau bisa juga sebagai daftar yang memudahkan bagi para pengunjung untuk menuju ke halaman yang mereka inginkan. Terlepas dari itu semua kawan-kawan pasti sudah tahu dengan pasti apa kegunaan dari menu itu sendiri. Sebenarnya cara untuk membuat menu horizontal akan lebih efektif jika anda dapat menambah beberapa kode pada CSS. Namun, dipostingan kali ini akan dibahas bagaimana cara membuat menu horisontal yang sederhana dan tentunya cara pembuatannya secara manual (tanpa ada penambahan kode pada CSS).

Menu yang sedang dibicarakan bisa kawan-kawan lihat di bawah header blog ini. bagaimana - sangat sederhana sekali bukan? Memang menu horizontal pada blog ini ada sedikit fungsi java scripnya, namun pada hakikatnya fungsinya tetap sama dengan menu horizontal yang akan dibahas.

langsung saja biar gak kelamaan, mungkin ada kawan-kawan yang ingin membuat menu seperti itu ke dalam blognya, silahkan diperaktekkan melalui langkah-langkah berikut:

1.    Silahkan Login ke blogger dengan account kawan masing-masing. Klo belum punya, bisa dibaca cara daftar blogger diblogspot.com

2.    Klik Tata Letak

3.    Kawan-kawan bisa langsung mengklik "Tambah gadget/ add gadget" dan pilihlah HTML/Java script

4.    Kawan-kawan bisa memasang kode berikut ke dalamnya

<ul id="main-nav">
<li><a href="http://shoututdlomir.blogspot.com">Home</a></li>
<li><a href="http:// shoututdlomir.blogspot.com/search/label/Ilmu%20Pengetahuan"><span>ArtikelMakalah</span></a></li> 
<li><a href="http:// shoututdlomir.blogspot.com/search/label/Tutorial%20Blogspot"><span>Tutorial</span></a></li>
<li><a href="http:// shoututdlomir.blogspot.com/search/label/Komputer"><span>Komputer</span></a></li>
<li><a href="http:// shoututdlomir.blogspot.com/search/label/Business"><span>Bisnis Oline</span></a></li>

<li><a href="http://4shared.com">Download</a></li>
</ul>

*Sesuaikan dengan link anda!!!  Oza, jangan lupa sambil difahami ya…??? Hehehe

5.    Selanjutnya pilih Simpan gadget HTML anda. Nah… langkah selanjutnya drag/seret gadget yang barusan anda pasang menuju ke bagian atas post body/ elemen postingan sesuai yang diinginkan.

Ini hanya lah sebuah pilihan, kawan-kawan juga bisa menyimpam gadget tersebut tepat di bagian bawah header.

Harap diperhatikan :

1.        Teks warna Merah silahkan ganti dengan alamat URL postigan ANDA.

2.        Teks warna Biru silahkan ganti dengan lebel postingan ANDA.

3.        Teks warna Kuning silahkan ganti dengan judul menu navigasi yang akan ANDA ditampilan.

Gimana kawan….?? Sangan mudah bukan…??? Semoga bermanfaat ya…

Posted in: Pemrograman web,Trik Bloger