Tutorial Cara Edit Menu Navigation Bar Di Blogger

Bagaimana Cara Mengatur Menu Br Di Blogger?

Langkah-Langkah Menambahkan Link dan Mengganti Judul Di Menu Navigation Bar Blogger. Pada kesempatan kali ini blog mas tamvan akan berbagi tips dan trik mengatur menu bar pada blogger..




Sering banyak yang suka bertanya bagaimana cara menambahkan link artikel / link label ke dalam menu bar dengan judul yang sesuai dan bagaimana agar satu link dapat menampilkan banyak artikel di dalamnya....




Nah pada kesempatan kali ini, karena saya nganggur bingung mau ngapain lebih baik d coba aja berikan tutorial tentang cara pengaturan pada menu navigation bar ini, semoga saja dapat membantu..




Okeh tanpa banyak cingcong lagi mari kita bahas satu-satu, tahapan-tahapan mengatur menu barnya...




Sebagai contoh, saya ingin menambahkan link dan ingin mengganti judul di menu bar berikut ini..

Cara Edit Menu Navigation Bar, Memasukan Link dan Mengganti Nama Menu

Contoh Tampilan Menu Yang Ingin Di Edit





Contoh Kode HTML Menu Yang Ingin Di Edit

<nav class='contoh'>
 <ul>
  <li><a href="/">Home</a></li>
  <li><a href="#">Tutorial</a></li>
  <li><a href="Url Kalian">Widget</a></li>
  <li><a href="https://contohlink.com">Template</a></li>
  <li><a href="https://mastamvan.blogspot.com/search/label/Tips Dan Trik">Tips & Trik</a></li>
</ul> 
</nav>

Tulisan yang saya beri warna merah adalah bagian untuk memasukan link tujuan kalian...


Bisa link apa aja, link post, label, sosial media dll..




Tulisan yang saya beri warna kuning itu untuk judul dari link tersebut / judul di menu barnya..


Bisa kalian rubah sesuka hati..




Jadi Kesimpulannya..


Dalam kode pembungkus ini href=''


Harus di isi dengan URL kalian




dan dalam kode pembungkus ini <a href="/">Tutorial</a> biasanya beda-beda dalam penulisan, ada juga yang seperti ini <a href="/"><span>Tutorial</span></a>


Kode itu berarti kalian bisa merubahnya dengan tulisan yang kalian mau..

Nah kalo kalian sudah mengerti, sekarang kita lanjut ke tahapan mengganti / menambah link pada menu navigation..




Jika belum mengerti tanyakan saja di kolom komentar...!!!

• Silahkan login terlebih dahulu ke blogger.com

• Setelah login kita mulai mencari salah satu nama dari menu navigation tadi yang kita ingin edit namanya / menambahkan link ke dalamnya...

• Contoh saya ingin mengedit menu pada bagian Tutorial

• Di Kotak edit html kalian cari nama menu yang ingin d edit, agar cepat dalam pencariannya gunakan CTRL + F



Sebelum menekan CTRL + F kalian harus klik dulu bagian kotak edit htmlnya { di kumpulan kodenya }

• Contoh penulisan agar cepat / langsung ke tujuan karena kita sudah tau struktur dari kode htmlnya, silahkan kalian langsung cari seperti berikut >Tutorial

• Kalo sesuai, nanti akan langsung menuju ke tag html menu navigationnya..

• Tampilannya seperti berikut...



  <li><a href="#">Tutorial</a></li>

• Kalo sudah ketemu kalian tinggal edit saja menunya, kalo ingin mengganti link. tag dalam href='#' tanda pagar {#} ganti dengan link tujuan kalian..

• Nah sampai di sini apakah sudah mengerti?

• Kalo belum, silahkan bertanya di kolom komentar saja ya :3 nanti saya tambahkan ke dalam artikel ini

Jika kalian ingin menambahkan satu link dan isinya lebih dari satu artikel terkait, kalian harus mengelompokan terlebih dahulu artikel - artikelnya menjadi satu label..




Setelah di gabungkan, kalian copy linknya dan masukan ke dalam menu navigation bar..




Okeh, cukup sampai di sini artikel yang mungkin kalian juga tidak akan paham, karena kata-katanya yang sulit untuk di pahami, dan susunan tutorial yang ngawur :V




Saya akhiri artikel tentang Tutorial Cara Edit Menu Navigation Bar Di Blogger ini dengan #bersambung :V




Karena mungkin akan ada tambahan pada tutorial ini yang belum saya pikirkan :V