Cara Buat Top Menul Blog Sederhana Tanpa CSS

Halo sobat.
Semua pasti telah mengenal yang namanya Top Menu. Kali ini saya hadir kembali untuk berbagi satu hal yang saya ketahui, yakni mengenai Top Menu. Top Menu kali ini tidak menggunakan yang namanya CSS , dan hanya menggunakan Kode Javascript, dan dengan bantuan dari settingan di blog.

Cara ini sebenarnya saya dapatkan ketika saya sudah sangat kewalahan mencari Tab menu yang sesuai dengan blog saya. Saya bingung, karena setiap kali pasang CSS , pasti blog saya malah jadi hancur. Akhirnya karena sudah tidak berniat menggunakan kode CSS, akhirnya saya mulai meng-utak-atik perngaturan di blog. Dan alhasil, ada sebuah cara yang ternyata sangat mudah dan sangat simple untuk membuat Tab Menu Horizontal.



Jika sobat juga ingin mengetahui dan menggunakannya pada blog sobat, silahkan praktekkan cara di bawah ini:

1. Pertama-tama, Buka Blog kamu, Terus pergi ke Tata Letak. Disana kamu klik tambah gadget. Ingat!! Pilih tambah gadgetnya yang bagian atas.
2. Pilih HTML/Javascript. Masukkan kode dibawah.

<!-- Start Topmenu Tips&Trik -->
<ul id="css3menu1" class="topmenu">
<li class="topfirst"><a href="URL sobat" style="height:20px;line-height:20px;"><img width=25 src="Icon" height=25 alt="" />Home</a></li>
<li class="topmenu"><a href="URL sobat" style="height:20px;line-height:20px;"><img width="25" src="Icon" height="25" alt="" />Blog</a></li>
<li class="topmenu"><a href="URL sobat" style="height:20px;line-height:20px;"><img width="25" src="Icon" height="25" alt="" />Tukeran Link</a></li>
<li class="topmenu"><a href="URL sobat" style="height:20px;line-height:20px;"><img width="25" src="Icon" height="25" alt="" />Tukeran Banner</a></li>
<li class="topmenu"><a href="URL sobat" style="height:20px;line-height:20px;"><img width="25" src="Icon" heigt="25" alt="" />TV Online</a></li>
<li class="topmenu"><a href="URL sobat" style="height:20px;line-height:20px;"><img width="25" src="Icon" height="25" alt="" />Game Online Naruto</a></li>
<li class="toplast"><a href="URL sobat" style="height:20px;line-height:20px;"><img width="25" src="Icon" height="25" alt="" />Game Online Fighting</a></li>
</ul><p class="_css3m"></p>
<!-- End Topmenu Tips&Trik -->


Kode berwarna hijau ganti dengan URL yang ingin kamu buat menu
Kode berwarna biru ganti dengan url icon Menu sobat
Kode berwarna merah ganti dengan nama menu sobat
Setelah itu klik simpan.

 Lihat hasilnya di blog sobat. Kalau sobat merasa belum pas dengan warnanya, atau tulisannya, sobat tinggal mengeditnya. Caranya:

1. Di blogger, sobat pilih menu Template>Sesuaikan
2. Pilih Tingkat lanjut.
Untuk mengedit warna huruf , pilih Teks Tab. Warna latar menu, pilih Latar Tab. Pembatasnya, pilih Aksen.


Wah, simple ya caranya......... Jika ada kesulitan, jangan malu bertanya....

Comments