Bagaimana yah membuat sub menu pada navbar?

Posted on Juni 15, 2011 by Roziq Faizin


Menu-menu pada navbar blog khususnya wordpress kita bisa berisi sub-sub menu sesuai dengan yang kita inginkan. Fungsinya salah satunya untuk mempercantik tampilan blog kita dan memudahkan pengunjung mencari artikel atau info yang diperlukan. Tidak hanya halaman/post saja yang dapt kita ketahui/dituju bisa juga alamat/link suatu blog Cara membuat navbar dengan sub-sub menu tidak begitu sulit ko. Nah tak kasih tau caranya …

sebelumnya supaya nantinya tidak bingung anda harus sudah mempunyai pemikiran bagaimana sub-sub menu akan muncul pada menu navbar untuk itu saya sarnkan syarat wajib adalah mempunyai “kategori” dan “page/halaman” yang sudah dibuat terlebi dahulu. Adapun kategori itu merupakan kategori yang berisi postingan anda yang nantinya mw dituju jangan kosong ya !!!

Pertama : masuk dan pilih “menu” pada “appearance“

 

 

 

 

Kedua : setelah muncul tampilan menu baca dulu tulisan yang ada di dalam menu “theme location” misal : “Your theme supports 1 menu. Select which menu you would like to use” berari theme yang anda gunakan support buat 1 menu saja. Ada juga tema yang memuat 2 menu.

ketiga : Berikan nama pada “menu name” yang berada disebelah kananya misal “page1” keemudian klik tombol “save menu“

ketiga : kembali lagi ke “theme location” > “primary navigation” dan pilih nama menu yang sudah dibuat tadi  yaitu “page1“klik “save“

…sampai sini kita sudah berhasil membuat menu tetapi isinya masih kosong.lanjut ya?…

keempat : pada langkah ini kita akan memasukan “page/halaman” dan juga “kategori” yang sudah ada pada blog anda yang nantinya akan menjadi sub pada menu (page/halaman). Langsung saja masuk kebagian “page” yang sudah ada dan klik “view all” pilih page mana saja yang mau dimasukan pada menu navbar blog anda di wordpress dengan mengkilknya dan pilih “select all” untuk memasukan semuanya lalu klik “add to menu” . Maka setelah itu page-page akan muncul ditampilan sebelah kanan. Disini misal saya mempunyai 5 page/halam yaitu : about, automotiv, contact me, download, dan literature , maka yang muncul adalah seperti dibawah ini

setelah itu adalah memasukan kategori yang sudah anda buat ya ?disini saya contohkan saya sudah mempunyai kategori sebagai berikut : email dan my other site. Setelah ditambahkan maka akan muncul seperti gambar dibawah ini

selain page dan kategori ada juga “custom link” yaitu sub menu untuk menuju suatu link yang diinginan.

Misal disini saya mempunya nama  yang saya tautkan pada link pada navbar yaitu : aizi.student.fkip.uns.ac.id, aizi.blog.uns.ac.id, dunia-saling-berbagi.blogspot.com, faiz08.wordpress.com, dan roziq.guru.fkip.uns.ac.id nama-nama blog ini nantinya menjadi nama aja dan nama-nama ini nantinya saya tautkan ke alamat blog tersebut dengan menambahkan “http://” didepan nama-nama blog saya yang tadi.

Isikan URL dengan alamat link yang akan dituju dalam contoh yang saya buat adalah alamat “http//” ditambah nama-nama blog saya yang tadi. Misal satu contoh isikan URL dengan “http://faiz08.wordpress.com“. Dan isikan label dengan “faiz08.wordpress.com” tanpa tanda petik ya?nantinya nama “faiz08.wordpress.com” akan masuk pada alamat “http://faiz08.wordpress.com” pahan kan ?

hasilnya setelah saya buat adalah sebagai berikut

kelima : atur page, kategori, dan link dengan drag n drop menu yang sudah ada. Disinilah hal paling penting yang menentukan keberhasilan sub-sub yang akan dibuat. Miasal seperti data yang sudah ada tadi saya susun dan hasilnya menjadi

lihat pada bagian paling bawah yang menjorok kedalam maka akan menjadi sub menu nantinya pada menu navbar. setelah semuanya selesai

keenam : klik “SAVE”

Lihat hasilnya…pye brow ???

 

selamat mencoba..

by : rifaz

 

Filed under: Belajar Wordpress, Semua Ditandai: | , ,

« »

15 Tanggapan

  1. Jackysan, on September 29, 2011 at 6:25 pm said:

    Kalo untuk membuat custom link nya terbuka di tab baru gmana caranya mas??
    misalnya pake target_blank atau apa??

    Balas
  2. soegi58, on Juli 4, 2011 at 8:49 pm said:

    apa kbar mas? lama gak surfing k sini ..

    Balas
    • Roziq Faizin, on Juli 5, 2011 at 11:14 pm said:

      alhamdulillah baik,kbr anda gmn ?

  3. Hariri, on Maret 27, 2011 at 8:21 pm said:

    sip, trimakasih sob

    Balas
    • Rifaz, on Maret 27, 2011 at 8:53 pm said:

      sama-sama..

  4. Blackjack, on Februari 11, 2011 at 12:43 pm said:

    Youre so cool! I dont suppose Ive learn something like this before. So nice to seek out any individual with some authentic thoughts on this subject. realy thanks for starting this up. this web site is something that’s needed on the web, someone with a bit originality. useful job for bringing one thing new to the web!

    Balas
  5. susant, on Januari 15, 2011 at 10:17 pm said:

    Noce blog gan! boleh dicoba tuh!

    Balas
    • admin faiz08, on Januari 15, 2011 at 10:21 pm said:

      monggo…silahkan
      thanks kunjungannya

  6. pRista Fantasia, on Januari 15, 2011 at 7:26 pm said:

    link sudah terpasang silakan di cek mkasih :)

    Balas
    • admin faiz08, on Januari 15, 2011 at 7:34 pm said:

      oke ,
      maf lo membuat sibuk,

  7. Tembang Lawas, on Januari 15, 2011 at 7:23 pm said:

    wah blognya keren sangat br0 :)

    Balas
    • admin faiz08, on Januari 15, 2011 at 7:34 pm said:

      ok thanks …..

  8. admin faiz08, on Januari 15, 2011 at 3:33 pm said:

    buat self hosting q lumtau cz lum punya yang berbayar…
    lo yang dihosting gratis sh berlaku sudah saya coba …

    Balas
  9. Merliza, on Januari 15, 2011 at 3:03 pm said:

    berlaku gak mas buat yg self hosting?

    Balas
    • admin faiz08, on Januari 15, 2011 at 3:11 pm said:

      mesin yang anda gunakan apa ?
      tu untuk mesi wordpress…

Tinggalkan Balasan

Fill in your details below or click an icon to log in:

Gravatar
WordPress.com Logo

You are commenting using your WordPress.com account. ( Log Out / Ubah )

Twitter picture

You are commenting using your Twitter account. ( Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. ( Log Out / Ubah )

Batal

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.