CARA MEMBUAT SUB MENU DI MENU BLOGSPOT


Assalamualaikum,
Kali ini saya berbagi trik atau tips untuk memberi sub menu pada menu di blog kita. Mungkin untuk beberapa kawan-kawan cara ini sudah lama, namun ada baiknya saya menulis ulang bagi kawan-kawan yang belum paham terkait hal ini. Selain itu cara ini juga bisa membantu saya , apabila saya lupa cara menambahkan sub menunya. Awalnya mungkin kita menebak bahwa sub menu ini hanya terdapat pada beberapa template tertentu. Ternyata pemikiran itu tidak sebenarnya salah dan benar, karena template bisa di atur di dalam 'edit HTML'.
Sekarang kita menuju caranya.

1. ubah sesuaikan setelan tab menu dan menu halaman yang akan ditampilkan, dimana caranya adalah seperti yang tampak pada gambar di bawah ini.

Keterangan : angka 1 menunjukkan 'tab atas' jangan pilih yang 'jangan ditampilkan'. Sedangkan angka 2 menunjukkan menu kita yang tidak memiliki sub menu.

2. Buka editor template dengan cara mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’ > centang pada ‘Expand Template Widget’ di bagian atas.

3. Cari kode ]]></b:skin> dan kemudian sisipkan kode CSS berikut ini tepat di ATASnya.


 4. Cari kode <li><a  mungkin anda akan menemukan 2 kode yang sama. Pastikan kode tersebut berkelanjutan seperti :
<li><a expr:href='data:link.href'><data:link.title/></a></li>
Perhatikan di bawah nya akan ada kode <b:/loop>
Copy dan paste kode di bawah ini, di BAWAH kode <b:/loop> tadi.


 5. Simpan Template mu tadi. Lalu coba lihat blog, maka seharusnya akan ada tab bernama "Menu" di bagian atas blog anda beserta Sub Menu 1,2,3. Nah untuk mengganti nama "Menu" dan "Sub Menu 1" tadi, ganti tulisan "Menu" di pada kode <li><a href='#'>Menu</a> di atas dengan nama sesuka anda dan pada kode Sub Menu di atas. Jika anda menginginkan lebih dari 1 menu dengan sub menu, anda tinggal menambahkan kode di atas tadi di bawahnya.

Semoga artikel kali ini bermanfaat bagi kawan-kawan. Barakallahulaum wal ana.
Wassalamualaikum wr wb.

Category:

25 komentar :

  1. Thanks gan Artikel Yang sangat Membantu .
    http://wir4-had1.blogspot.com/

    BalasHapus
  2. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  3. artikelnya bermanfaat dan jelas banget gan,makasih banyak yah :D
    oh iya, saya barusan follow blog agan.. jangan lupa di follow balik yah gan :)
    kalau berkenan juga bisa Link Exchange (tukar link) :)
    Ditunggu follbacknyaa..makasii

    BalasHapus
  4. @Rahmat hidayat: Sama-sama :D
    @Dyah Ayu R: Sama-sama, senang bisa membantu :D

    BalasHapus
  5. it's helpful gan
    mampir gan ke blog ane
    http://acdmarket.blogspot.com/


    BalasHapus
  6. makasih bermanfaat sekali
    saya tunggu kunjungan baliknya http://mulkiblog33.blogspot.com/

    BalasHapus
  7. gan..
    ancur hasilnya...
    http://prntscr.com/2ibb7v

    aada saran..?

    BalasHapus
  8. tetapi masih butuh bantuannya. Bagaimana cara posting di sub menunya?

    BalasHapus
  9. 2 jempol buat agan yg 1 ini....
    Mantap pisan pokona mah... hatur nuhun gan...
    Ini hasilnya, tolong diperiksa ya gan :-D
    www.readone76.blogspot.com

    BalasHapus
  10. triama ksh postingannya sangat membantu, pasti di lain waktu sya akan mampir lgiiii

    BalasHapus
  11. cara mengisi sub menunya bagaimana ????

    BalasHapus
  12. Ga work gan... Ada cara lain ga?

    BalasHapus
  13. cara mengisi sub menunya gimana?

    BalasHapus
  14. nice
    http://mungkinperluandaketahui.blogspot.co.id/

    BalasHapus
  15. teng berat..... sukses slalu ya
    http://raashshifa.blogspot.co.id/

    BalasHapus
  16. lengan patah https://syaruni.blogspot.co.id/

    BalasHapus

Berkomentarlah dengan bijak maka anda akan disegani dan dihormati. Terimakasih sudah menggunakan kata-kata yang mudah dimengerti.

Diberdayakan oleh Blogger.