Rabu, 06 Juli 2011

Cara praktis membuat menu horisontal

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 Posts

Cara praktis membuat menu horisontal
4/ 5
Oleh

Contact Me

Nama

Email *

Pesan *