26 Nov 2011

Posting ini merujuk pada teman-teman yang menggunakan template Artisteer 3 dan ingin membuat Tab Menu dan Submenu pada blognya.

Berangkat..  
Prosedur yang harus dilakukan untuk membuat Tab Menu dan Sub Menu adalah sebagai berikut:

1. Membuat Tab Menu
Login Blogger >> Rancangan/Design >>  Edit Tata Letak / Layout (lihat gambar).
Pada Widget Top Menu klik Edit,

 kemudian muncul window pop-up seperti gambar di bawah ...




Catatan untuk Konfigurasi Daftar Link :
  • Judul : Top Menu (biarkan saja, karena dari Artisteer sudah otomatis hiden)
  • Jumlah tautan yang akan diperlihatkan dalam daftar : biarkan kosong
  • Menyortir : Jangan urutkan
  • URL Situs Baru : isikan url (http://....) yang ingin ditautkan
  • Nama Situs Baru : Isikan Judul Tab, misalnya Profil, Artikel, About Me, atau apa saja yang mewakili halaman yang akan ditampilkan di Menu Bar.
Gambar di bawah boleh sebagai ilustrasi.. Masukkan URL Situs dan Nama Situs kemudian klik Tambahkan Tautan dan Simpan.

Sementara dapat dilihat hasilnya


Ok, untuk pembuatan Tab Menu sudah bisa dianggap selesai, selanjutnya...


2. Membuat Sub Menu
Caranya hampir sama seperti di atas, hanya bedanya untuk sub menu diberikan tanda "-" (tanpa tanda petik) tepat sebelum Nama Situs Baru. Back to... Pada Top Menu klik Edit.


Untuk ilustrasi lihat gambar :



Kemudian, jika submenu yang akan ditampilkan sudah dianggap cukup, buatlah induk dari submenu-submenu tadi.

Hasilnya dapat dilihat seperti pada gambar :
 



Sampai disini pembuatan Tab Menu dan Submenu sudah bisa dianggap selesai.


Tambahan :
  1. Jika ingin menambahkan Sub dari SubMenu maka tinggal menambahkan tanda "--" (tanpa tanda petik) tepat sebelum Nama Situs Baru.
  2. Urutkan secara manual struktur Menu, SubMenu serta sub-SubMenu dari urutan terbawah. Contoh :


 Untuk hasil seperti ini :




Catatan :
Jika pada proses upload template melalui Artisteer 3 sebelumnya, jika pengaturan pada Export Options Anda memilih Pages pada Horizonal Menu Source yang merupakan pengaturan bawaan dari Artisteer 3 atau Anda tidak merubahnya ke Custom, maka yang muncul pada Elemen Halaman adalah bukan widget Top Menu melainkan widget Pages/Laman dan pada Widget Pages/Laman tidak tersedia untuk edit SubMenu. Jika benar seperti itu, yang perlu dilakukan adalah menambahkan Widget Daftar Link dan menghapus Widget Pages kemudian menyusun link menu dan submenu-nya dengan cara seperti di atas. Namun demikian karena itu bukan elemen bawaan dari Artisteer 3 kemungkinan tampilan pada Tab Menu akan berbeda dengan tampilan pada saat Anda mendesainnya di Artisteer. Dan untuk penyesuaian diperlukan pengeditan template melalui Edit HTML. Jika tak mau repot, ulangi saja dari awal mendesain template dari Artisteer 3 dan atur kembali untuk Export Options-nya.


Ok, sampai disini dulu.. mudah-mudahan bermanfaat dan selamat mencoba.


Jika ada yang berkenan memberi tambahan tips atas kekurangan dari artikel di atas, silahkan posting di kolom komentar. Terima Kasih 
Wassalam...

9 komentar:

  1. Coba cek lagi pada Export Options sebelum upload ke Blogger Mas Bro.. Pastikan opsi Horizonal Menu Source terpilih Custom..
    Mungkin itu Mas.. Jika bukan, mungkin perlu diperjelas dulu kasusnya tu.. buat sama-sama belajar..

    BalasHapus
  2. Kerenzzz inilah yang kucari... thanks infonya super membantu ^_^

    BalasHapus
  3. Yupz sama-sama.. Thanks jg koment-nya..

    BalasHapus
  4. saya udah bikin tapi hasil sub menunya tetep sama"-Sub Menu" Bukan "sub menu"

    BalasHapus
  5. @ScienceWorld :
    Kalau penerapannya sama seperti diatas, hasilnya mungkin sama.. Mungkin perlu diperjelas lagi, nanti bisa bahas, untuk belajar bersama..
    Tks.

    BalasHapus
  6. Mohon cara memuat atau mengisi entri pada sub menu.

    BalasHapus
  7. saya sudah cari top menu tapi tak jumpa pun at setting layout..... yang ada cuma add a gadget... xtak ada pulak top menu?????

    BalasHapus
  8. thank bro ni punya ku udah jadi bisa dilihat http://allsharein.blogspot.com/

    BalasHapus

Follow Me

Subscribeto this blog
Follow me onTwitter
Connect onFacebook

Diberdayakan oleh Blogger.

Postingan Populer

Followers

Related Posts Plugin for WordPress, Blogger...

LAZADA ONLINE

Banner iskaruji dot com