25 Desember 2010

Cara Mudah Yang Paling Mudah Membuat Menu Navigasi Sederhana


Berawal dari beberapa waktu yang lalu, salah seorang pengunjung (sebut saja Bambang Sugiarto) bertanya perihal tentang cara membuat menu horizontal. Menu ini sangat sederhana, karena tidak menggunakan gambar dan kode-kode script yang berlebihan. Saya rasa para blogger yg sangat baru dan amatiran pun dapat menggunakan fasilitas ini dengan mudah.

Oke tanpa banyak berbicara, akan saya berikan tahap-tahap pembuatan menu sederhana ini tanpa menggunakan gambar.

Pertama-tama masuk ke menu 'Rancangan', kemudian pilih 'Tambah Gadget' (pilih saja dimana letak gadget yang akan ingin anda taruh. Saya sarankan untuk meletakkannya tepat dibawah 'Header'). Selanjutnya copy script dibawah ini:

<b> 
<a href="http://masqulin.blogspot.com/">Home</b></a> | <a href="http://www.blogger.com/profile/10056801204755360808"><b>Profile</b><a/> | <a href="http://www.facebook.com/ariefmasqulin"><b>Contact</b></a>
</b>

Tulisan yang berwarna 'Merah' adalah menu home/beranda, ganti http://masqulin.blogspot.com/ dengan link blog anda. Sedangkan tulisan yang berwarna 'Kuning' adalah menu profil, ganti http://www.blogger.com/profile/10056801204755360808 dengan link profil anda. Kemudian tulisan yang berwarna 'Hijau' adalah menu kontak, ganti http://www.facebook.com/ariefmasqulin dengan link kontak anda. Adapun kode <b></b> adalah kode untuk mempertebal tulisan. Hapus jika anda tidak menginginkan tulisan tebal.

Contohnya tampilannya akan terlihat seperti dibawah ini.

Home | Profile | Contact

Jika ingin menambahkan menu lagi misalkan menu Sitemap, tambahkan saja kode script dibawah ini:

 | <a href="http://masqulin.blogspot.com/2000/01/daftar-isi.html"><b>Sitemap</b></a>

Hasilnya akan seperti ini:

Home | Profile | Contact | Sitemap

Ini adalah cara yg paling sederhana dan yang paling mudah dari sekian banyak cara yg telah disuguhkan di internet. Jika ada yang kurang faham atau ada yang ingin bertanya, silahkan isi keluhan anda tepat pada komentar dibawah ini. Sekian dari saya, semoga membantu. Salam, Arief Masqulin.

Sumber: Referensi Pribadi

Related Posts by Categories



4 komentar:

Toko xxx mengatakan...

koq saya coba gak bisa ya?
mohon bantuannya, saya masih nubie, mksi...

mobil keluarga ideal terbaik indonesia mengatakan...

wah terima kasih atas ilmu yang bermanfaat sob. ijin nitip link Mobil Keluarga Ideal Terbaik Indonesia

Arief Masqulin mengatakan...

@ angin rumput: ketika 'Tambah Gadget', coba agan pilih 'HTML/JavaScript'. semoga terbantu :)

@ onni: wah si agan onni mah pasti udah tau dr dulu kalo yg model sederhana seperti ini ^^

Unknown mengatakan...

mf ni sob, tapi ane cuma mau ngasi tau kalo kode2 diatas gak bisa dicopy atau pun disorot, jadi percuma donk sob tutornya klo gak praktis, mohon dipertimbangkan. klo menurut ane karena kursor blognya.

:) :( ;) :D :A :B :C :X :p :-* X( B-) :E :F =)) :G @};- ~o) :H (*) :i :-h :-q :-bd :ZZ

Posting Komentar

Tolong berikan komentarnya, komentar anda sangat berarti bagi kami. Terimakasih telah mengunjungi blog MASQULIN.BLOGSPOT.COM.

Note:
Setelah memberi komentar, silahkan klik "Subscribe by email" (pada pojok kanan bawah komentar ini) untuk menerima jawaban komentar dari kami.


Template Editing by Arief Masqulin on Free Blogspot Templates | Sponsored by SMART PC CORPORATION
Design Template by www.allblogtools.com