Selamat Datang di Blog Pribadi saya ini, Blog ini berisi beberapa Artikel, banyak hal yang Anda alami ketika berkunjung ke Blog ini, terima kasih atas kunjungannya. Welcome to the Personal Blog, this blog contains a variety of articles, thank you for your visit.

Breaking

Post Top Ad

Your Ad Spot

Wednesday 16 May 2018

Cara Membuat Menu Tetap di atas Halaman Ketika di Scroll kebawah / Blogger


 1. Sign Blogger
2. Klik Template
3. Klik edit HTML
4. Expand template. mana tau ada kesalahan bisa di ulang kembali
5. Cari kode ]]>
kemudian copy dan pastekan semua code di bawah ini tepat di atas kode ]]>

#menu {
      position:fixed;
      top:0;
      left:0;
      width:100%;
      height:60px;
      z-index:100;
      margin-bottom:3px;
      padding:5px;
      background-color:#efefef;
      font-size:20px;
      text-align:left; 
}
nav ul ul {
display: none;
}

nav ul li:hover > ul {
display: block;
}
nav ul {
background: #efefef;
padding: 0px;
list-style: none;
position: relative;
display: inline-table;
}
nav ul:after {
content: ""; clear: both; display: block;
}
nav ul li {
float: left;
}
nav ul li:hover {
background: #4b545f;
}
nav ul li:hover a {
color: #fff;
}

nav ul li a {
display: block; padding: 10px 40px;
color: #757575; text-decoration: none;
}
nav ul ul {
background: #5f6975; border-radius: 0px; padding: 0;
position: absolute; top: 100%;
}
nav ul ul li {
float: none;
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
}
nav ul ul li a {
padding: 15px 40px;
color: #fff;
}
nav ul ul li a:hover {
background: #4b545f;
}

nav ul ul ul {
position: absolute; left: 100%; top:0;
}

6. Setelah itu cari kode atau tekan ctrl+f biar gampang mencarinya.
7. copy paste kode dibawah ini tepat diatas




  • Home

  • Artikel


    • Blogger

    • Photoshop

    • Web Design


      • HTML

      • CSS





      • About

      • Contact

      • Profile




      • 8. Isi tanda # dengan alamat yang ingin kalian tampilkan ketika menu di klik
        9. Kemudian klik simpan.

        Selamat mencoba !!!

        No comments:

        Post Top Ad

        Your Ad Spot

        Pages