Cara Membuat Navigation Bar Sendiri di Blog Yang Sangat Menarik dan Sederhana Sekali

Cakfadil    April 06, 2019    Blogger , Tips    1 comment   

Kali ini Admin akan membagikan Cara Membuat Navigation Bar Sendiri di Blog Yang Sangat Menarik dan Sederhana Sekali. Simak langkah berikut ini.

1. Login Blogger kalian.
2. Silahkan masuk pada edut html template kalian.
3. Copas (copy - paste) code di bawah ini tepat di atas code </head>.

<style>
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #22313F;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: #000;
}

.active {
  background-color: #1E824C;
}
</style>

Silahkan kreasikan sesuai dengan keinginan kalian misal, ukuran dan warna.
4. Silahkan masuk pada menu layout atau tata letak template kalian.
5. Silahkan pilih widget yang ingin diberi Navigation Bar, biasanya dibawah header dan klik Tambahkan Gadget, lalu pilih HTML/JavaScript.
6. Copas (copy - paste) code di bawah ini pada HTML/JavaScript yang telah dibuka tadi.

<ul>
  <li><a class="active" href="#">Home</a></li>
  <li><a href="#">About me</a></li>
  <li><a href="#">Contact</a></li>
  <li><a href="#">Privacy Policy</a></li>
</ul>

# ganti dengan link yang ingin kalian tujukan Note: untuk home silahkan ganti # dengan URL Blog kalian.

Demikianlah Cara Membuat Navigation Bar Sendiri di Blog Yang Sangat Menarik dan Sederhana Sekali. Cukup simple bukan?
Semoga kalian berhasil melakukanya dan semoga rejeki kalian semakin bertambah Amin.
Demo bisa kalian coba sendiri code di atas disiniPencarian Terkait:...

• Cara Membuat Navigation Bar Sendiri di Blog Yang Sangat Menarik dan Sederhana Sekali
• Cara Membuat Menu CSS Dropdown Sederhana - Hostinger
• 15 Cara Desain Blog Agar Tampil Keren dan Menarik - Niagahoster
• Cara Membuat Menu Dropdown Sederhana - Nyekrip
• Cara Mudah Membuat Menu Navigasi Keren Tanpa Edit HTML | Tips ...
• Cara membuat Navigation Bar responsif pada blogger ( widget + ...
• Membuat Navbar pada HTML dan CSS - CodePolitan.com
• Cara Mendesain Blog Agar Keren dan Menarik - TULISAN WORTEL
• Cara Membuat Menu Navigasi Blog Horizontal Sederhana - Dua Rupa

BACA SELENGKAPNYA