Cara Membuat Tab Menu

Untuk menghemat tempat, menu dengan tab view sangat efisien. Ukuran yang relatif kecil tapi bisa memuat banyak space. Hal ini pernah ditanyakan oleh sobat blogger pada kolom shout box beberapa minggu yang lalu tentang bagaimana cara membuat menu yang bisa memuat banyak judul, mungkin menu tab ini yang dimaksud ya.



Membuat menu dengan tab view memerlukan kode HTML yang lumayan panjang dan agak ribet, jadi sebaiknya simak baik – baik tutorial ini dan yang paling penting jangan lupa untuk backup template sobat terlebih dahulu.



Jika setelah jadi nanti lebar atau tinggi menu tidak sesuai, silahkan sobat sesuaikan sendiri dengan isi dari menu yang sobat gunakan. Karena jika tidak mengerti akan jadi berantakan atau terlihat jelek. Oke sob, sudah mengerti toh…mantaabbbbb kita langsung ke TKP.Hot



1. Silahkan login ke blogger dengan ID sobat tentunya.


2. Tuju Tata Letak.


3. Klik Edit HTML.


4. Jangan lupa backup template sobat terlebih dahulu dengan mengklik Download Template Lengkap.


5. Kemudian letakkan kode javascript berikut tepat di atas kode





11. Kemudian Simpan.


Keterangan :

* Untuk kode yang berwarna merah adalah lebar dan tinggi menu, silahkan sobat sesuaikan dengan isi.


* Kode yang berwarna biru silahkan sobat isi dengan judul - judul dari menu.


* Dan yang berwarna ungu, adalah isi dari menu. Sobat bisa menambahkan link, gambar, banner, dll.

Untuk melihat hasil yang sudah jadi, sobat bisa melihatnya disini.
Oke sobat, selamat mencoba. smile_teeth