1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

Ask: Cara Bikin Menu Horizontal diatas header

Discussion in 'Blogger/Blogspot' started by Mas Mono, Apr 26, 2017.

  1. Mas Mono

    Mas Mono Newbie

    Joined:
    Apr 26, 2017
    Messages:
    5
    Likes Received:
    0
    Gan, Gimana sih caranya bikin menu "about", "contact", "disclaimer", dll dg tampilan responsive kayak contoh digambar ini.

    Bukan menu dropdown ya Gan, tp menu horizontal kayak gmbr.

    Klo menu dropdown, sdh ada di template bawaan.

    Mohon, petunjukknya Gan.
    Trmksh
     

    Attached Files:

  2. nugraha07

    nugraha07 Ads.id Pro

    Joined:
    May 2, 2016
    Messages:
    499
    Likes Received:
    46
    Cek disini mas gan
    masyadi.com/2014/08/cara-membuat-menu-navigasi-di-blog-ala-evo-magz.html
     
    Mas Mono likes this.
  3. Mas Mono

    Mas Mono Newbie

    Joined:
    Apr 26, 2017
    Messages:
    5
    Likes Received:
    0

    Hatur nuhun,Gan.

    Saya coba dulu.
     
  4. nugraha07

    nugraha07 Ads.id Pro

    Joined:
    May 2, 2016
    Messages:
    499
    Likes Received:
    46
    Siapp mas gan :D
     
  5. Mas Mono

    Mas Mono Newbie

    Joined:
    Apr 26, 2017
    Messages:
    5
    Likes Received:
    0
    Maaf Gan, kok gak bisa ya?
    Saya pake templatenya Mas Sugeng yg "brosense-V2" Gan.

    Saya otak-atik dr td blm bisa jg.. :-(
     
  6. nugraha07

    nugraha07 Ads.id Pro

    Joined:
    May 2, 2016
    Messages:
    499
    Likes Received:
    46
    Ga bisanya gmna gan? Tiap template struktur htmlnya bisa beda" soalnya dan kebetulan ane ga pernah otak atik brosensenya mas sugeng :3 cmn yg blogku.
     
  7. gobloger

    gobloger Ads.id Pro

    Joined:
    Oct 12, 2015
    Messages:
    318
    Likes Received:
    27
    Location:
    Surabaya
    HTML
    <nav><ul><li>About</li><li>Contact</li><li>Disclaimer</li></ul></nav>

    CSS
    nav ul li {float:left;}
     
  8. Mas Mono

    Mas Mono Newbie

    Joined:
    Apr 26, 2017
    Messages:
    5
    Likes Received:
    0
    Makasih,Gan.
    Mohon petunjuknnya lagi,Gan.
    Masih kacau tampilannya..
     

    Attached Files:

  9. gobloger

    gobloger Ads.id Pro

    Joined:
    Oct 12, 2015
    Messages:
    318
    Likes Received:
    27
    Location:
    Surabaya
    nav ul li {
    float: left;
    list-style-type: none;
    padding: 0 10px;
    margin: 0;
    }
    nav ul li:first-child {
    padding-left: 0;
    }
     
    Mas Mono likes this.
  10. Mas Mono

    Mas Mono Newbie

    Joined:
    Apr 26, 2017
    Messages:
    5
    Likes Received:
    0
    Makasih,Gan :)
    Sudah jauh lebih baik. Hanya kurang posisinya masih dibawah judul.

    Cara nempatin posisinya agar diatas judul gimana Gan?
     

    Attached Files:

  11. nugraha07

    nugraha07 Ads.id Pro

    Joined:
    May 2, 2016
    Messages:
    499
    Likes Received:
    46
    Cari html headernya gan, lalu taruh kode html yg di bawah ini diatas html header agan

    Biasanya sih header1
     

Share This Page