Membuat Menu Dropdown di Blogspot

Cara Membuat Menu Dropdown yang terletak di bawah header Blog.

membuat menu dropdown di blog

Ikuti langkah-langkah dibawah ini.
  1. Kunjungi situs http://cssmenumaker.com/
  2. Pilih salah satu menu dropdown yang kamu inginkan.
  3. Sebagai contoh Blue Opera Drop down menu. Gambar paling pertama dari gambar diatas. Selanjutnya klik Customize.
  4. cara membuat menu dropdown diblog
  5. Dan Atur Isi Menu dropdown dengan nama dan URL yang kamu inginkan.
  6. membuat menu dropdown diblog
  7. Keterangan gambar diatas:
    • Gunakan Add Item untuk menambah isi menu, atau klik tanda silang merah untuk menghapus isi menu.
    • Untuk mengganti nama Judul, Klik menu structure dan  isi dibagian Title.
    • Untuk mengganti URL,  Isi bagian Link dengan URL yang kamu inginkan.
    • Dan klik Update Item.
  8. Setelah selesai mengisi menu. Selanjutnya copy semua kode HTML dan CSS di website tersebut, lalu pastekan di gadget HTML/Javascript di blogger. Contoh Pemasangan:
  9. 1. Login ke blogger. Dari halaman dasbor pilih pengaturan Tata Letak.
    2. Klik Tambahkan Gadget, lalu pilih HTML/Javascript.
    3. Lalu Susun Kode HTML dan CSS seperti ini.

    <style>
    Masukan Kode Css
    </style>
    Masukan Kode HTML

    4. Save Gadget, lalu pindahkan ke bawah header.
  10. Jika menu dropdown nya tidak turun atau tidak terlihat???
  11. 1. Login ke blogger. Dari halaman dasbor pilih pengaturan Template.
    2. Klik Edit HTML dan cari kode
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    3. Setelah ketemu, ganti 1 menjadi 3 dan no menjadi yes
    4. Kodenya jadi seperti ini.
    <b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
    5. Save template.
    6. Selanjutnya kembali ke pengaturan tata letak.
    7. Dan pindahkan Gadget HTML/Javascript menu dropdown tadi, tepat dibawah Header.
    8. Lalu klik Save/Simpan Setelan.

  12. Terakhir, lihat tampilan blog kamu. Selesai.
Untuk menu yang lebih mudah, bukan dropdown, tapi menu dari laman blogger, silakan baca disini cara membuat dan mengisi menu blog. Semoga Bermanfaat

    3 comments:

    1. cara ngisi postingan d dalam menu dropdown gmn min??

      ReplyDelete
      Replies
      1. isi URL di menu dropdown dengan URL halaman posting agan. Contoh URL web ini http://fandrajuani.blogspot.com/2013/05/membuat-menu-dropdown-di-blogspot.html

        atau baca di artikel cara membuat menu HTML dan Css gan, untuk lebih jelasnya..

        Delete
    2. Kalau agan sendiri membuat tampilan menu seperti diatas gimana caranya?. Apakah agan mengunjungi situs yang diatas atau edit Html & Cssnya sendiri

      ReplyDelete

    Semoga Artikel diatas dapat membantu anda menemukan, apa yang sedang anda cari. Silahkan tinggalkan komentar.