Catatan kode script blogger

Catatan kode menu fixed blogger

<div id="scrollbb">
   <a href="#home"><button class="odoy"><i class="fas fa-home"></i>&#160;Home</button></a>
  <a href="#news"><button class="odoy"><i class="far fa-newspaper"></i>&#160;News</button></a>
  
  
  <a href="#support"><button class="odoy"><i class="fas fa-donate"></i>&#160;Donasi</button></a>
  <a href="#blog"><button class="odoy"><i class="fab fa-blogger"></i>&#160;Blog</button></a>
  <a href="#tools"><button class="odoy"><i class="fas fa-tools"></i>&#160;Tools</button></a>  
 
 
  <a href="#logo"><button class="odoy"><i class="fas fa-images"></i>&#160;Galeri</button></a>
  <a href="#friends"><button class="odoy"><i class="fas fa-user-friends"></i>&#160;Friends</button></a>
  <a href="#partners"><button class="odoy"><i class="fas fa-handshake"></i>&#160;Partners</button></a>
  <a href="#people"><button class="odoy"><i class="fas fa-business-time"></i>&#160;Bisnis</button></a>
  
</div>

body {margin:0;}
#scrollbb {
  background-color: #333;
  overflow: auto;
  white-space: nowrap;
  
  
  background-color: #333;
  position: fixed;
  top: 0;
  width: 100%;
}

#scrollbb a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

#scrollbb a:hover {
  background-color: #777;
}
.odoy{
  border-radius: 20px;
  background-color: white;
  
}


.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
}
.fa, .fas {
    font-weight: 900;
}
.fab, .far {
    font-weight: 900;
    font-size: 20px;
}
.fab, .far {
    font-weight: 900;
    font-size: 25px;
}

Share this post