Saturday, February 17, 2018

Membuat Sajian Dropdown Di Blogspot

Cara Membuat Menu Dropdown yang terletak di bawah header Blog.

 Cara Membuat Menu Dropdown yang terletak di bawah header Blog Membuat Menu Dropdown di Blogspot

Ikuti langkah-langkah dibawah ini.
  1. Kunjungi situs http://cssmenumaker.com/
  2. Pilih salah satu sajian dropdown yang kau inginkan.
  3. Sebagai teladan Blue Opera Drop down menu. Gambar paling pertama dari gambar diatas. Selanjutnya klik Customize.
  4.  Cara Membuat Menu Dropdown yang terletak di bawah header Blog Membuat Menu Dropdown di Blogspot
  5. Dan Atur Isi Menu dropdown dengan nama dan URL yang kau inginkan.
  6.  Cara Membuat Menu Dropdown yang terletak di bawah header Blog Membuat Menu Dropdown di Blogspot
  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 sajian structure dan  isi dibagian Title.
    • Untuk mengganti URL,  Isi bab Link dengan URL yang kau inginkan.
    • Dan klik Update Item.
  8. Setelah selesai mengisi menu. Selanjutnya copy semua isyarat HTML dan CSS di website tersebut, kemudian 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, kemudian pilih HTML/Javascript.
    3. Lalu Susun Kode HTML dan CSS menyerupai ini.

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

    4. Save Gadget, kemudian pindahkan ke bawah header.
  10. Jika sajian 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 menyerupai 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 sajian dropdown tadi, sempurna dibawah Header.
    8. Lalu klik Save/Simpan Setelan.

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

    0 comments:

    Post a Comment