Untuk menghemat tempat, tab view menu 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 view 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.
- Silahkan login ke blogger dengan ID sobat tentunya.
- Tuju Tata Letak.
- Klik Edit HTML.
- Jangan lupa backup template sobat terlebih dahulu dengan mengklik Download Template Lengkap.
- Kemudian letakkan kode javascript berikut sebelum kode</head>
- Simpan Template
- Tambah Widget, masukkan kode di bawah ini
- 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.
Oke sobat, selamat mencoba.
3 komentar:
mana warnanya ?
Haha...
Makasih ng ada warna tapi uda ada keterangannya kog... ! Follow Back.. ^^
waaah copas nih....
ini sumbernya :.http://eritristiyanto.wordpress.com/2010/02/08/cara-membuat-tab-view-menu-blogspot/
. sama banget.. maaf sekedar mengingatkan.. kalo mau copas pake cara ATM dong.. Amati, Tiru, Modifikasi..
dan jangan lupa sertakan sumber referensinya, sepertinya itu akan lebih bijak.. terima kasih..
Posting Komentar