Membuat Widget Tab View Menu Tanpa Edit HTML
Membuat Widget Tab View Menu Tanpa Edit HTML >> Membuat Menu dengan Tab - Sebenarnya udah banyak blog blog lain yang membahas tentang cara membuat tabview ini, namun dalam pembuatan tab view menu biasanya kita harus mengedit HTML template yang pasti sangat merepotkan dan apabila gagal resikonya bisa merusak template, meskipun tidak mungkin rusak jika sebelum melakukan pengeditan sudah membackup template terlebih dahulu.
Gambar Di atas adalah contoh Membuat Widget Tab View Menu Tanpa Edit HTML
Setelah bereksperimen, akhirnya saya coba dengan meletakkan kode script-nya langsung di widget sidebar, ternyata berhasil. Dengan menyatukan semua kode yang ada, pembuatan menu tab view tidak perlu lagi susah payah mengedit HTML template.
Baiklah langsung saja kita praktekkan langkah langkahnya :
Gambar Di atas adalah contoh Membuat Widget Tab View Menu Tanpa Edit HTML
Setelah bereksperimen, akhirnya saya coba dengan meletakkan kode script-nya langsung di widget sidebar, ternyata berhasil. Dengan menyatukan semua kode yang ada, pembuatan menu tab view tidak perlu lagi susah payah mengedit HTML template.
Baiklah langsung saja kita praktekkan langkah langkahnya :
- login dulu ke blogger
- kemudian pada Elemen Halaman klik Tambah Gadget
- pilih yang HTML/Javascript.
- Setelah itu tambahkan kode script menu tab view-nya seperti dibawah ini :
Keterangan:
Tulisan berwarna Orange merupakan keterangan dari masing-masing kode. Silahkan atur nilainya sesuai keinginan
Tulisan berwarna Merah merupakan warna judul Tab
Tulisan berwarna Biru merupakan judul Tab
Angka 300 pada 'Width' menunjukkan panjang kotak dan 200 pada 'height' menunjukkan tinggi kotak. Silahkan ganti nilainya sesuai ukuran template anda.
Tulisan yang dicetak tebal berwarna orange tua merupakan isi tab view. Silahkan ganti dengan teks, link, banner atau kode widget anda.
Jika anda ingin menambah menu tab baru cukup tambahkan kode yang berwarna hijau dibawahnya. Demikian tadi tips Membuat Widget Tab View Menu Tanpa Edit HTML , contoh dari tab view ini bisa anda lihat di sidebar blog ini ^_^
S
Langganan:
Posting Komentar (Atom)
2 komentar:
Nah ini yang aku cari bang izin mau aku sedot ya bang buat blog dummy aku..heee
wah makawsih mas atas infonya apalagi beberapa macam tips untuk ngeblog mungkin akan tambah bermanfaat aja yah
Posting Komentar