Enjang.com

Situs Informasi dan Teknologi

Menu

Cara praktis membuat menu horisontal

6 Juli 2011 | Blogger

Cara praktis membuat menu horisontal. Menu horisontal yang saya maksud di sini adalah menu yang berjajar dari kiri ke kanan seperti punya saya di atas, yang saya letakkan di bawah header. Untuk membuatnya sangat praktis, cepat dan mudah, kita tidak perlu otak-atik Edit HTML template kita, yang terkadang jika salah kita harus mengutak-utik kode yang begitu banyaknya.

Memang tampilannya hanya sederhana tak banyak warna, tapi tak apalah, karena memang pemula seperti saya belum banyak tahu tentang HTML. Untuk mengeditnya pun tidak memerlukan banyak langkah.Yuk, membuatnya bareng-bareng, langsung aja:

1. Masuk Account blog anda.

2. Kik Rancangan.

3. Copy coke berikut:

<ul>

<li><a href=”URL blog anda” target=”_blank” title=”judul blog”>Home</a></li>
<li><a href=”#” target=”_blank” title=”#”>#</a></li>
<li><a href=”#” target=”_blank” title=”#”>#</a></li>
<li><a href=”#” target=”_blank” title=”#”>#</a></li>
<li><a href=”#” target=”_blank” title=”#”>#</a></li>
</ul>

4. Klik Tambah Gadget.

5. Pilih HTML/JavaCript.

6. Paste code di atas pada kolom konten (kolom judul kosongkan saja).[Ganti yang berwana merah dengan link yang akan anda jadikan menu]

Saya menggunakan Link dari Label. Caranya: klik kanan pada label, lalu klik Copy Link Location. Lalu pastekan (timpa/hapus) pada kode yang berwarna merah di atas.

Lihat dengan cermat kode anda, karena salah satu kode saja menu tak akan berjalan dengan semestinya.7. Jika sudah anda rasa cukup klik Simpan.

8. Drag Gadget Baru anda tadi dan letakkan di bawah header atau di mana anda suka.

9. Klik Simpan

10. Selesai.

Gampang sekali bukan? Senangnya bisa berbagi walaupun pengetahuan tak seberapa, he hee…

Jika ingin menambahkan menu copy kode ini dan letakkan di bawahnya:

<li><a href=”#” target=”_blank” title=”#”>#</a></li>

Selamat mencoba

Related For Cara praktis membuat menu horisontal