Saturday, May 25, 2013

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
    Share:

    0 comments:

    Post a Comment

    BTemplates.com

    Powered by Blogger.