Belajar membuat Tema Bloger sendiri Part 2 Membuat Navigasi
Setelah sudah selesai di Part 1 ,kita lanjutkan edit Tema untuk membuat Navigasi.
Ok langsung saja,pertama kita perlu menambahkan kode untuk membuat Navigasi.Di sini kita akan memakai kode dari Bootstrap v 4.6
Pertama,Log in ke Bloger kita dan buka edit Tema seperti di Part 1.lalu kita buka Bootstrap untuk mendapatkan kode html.
Salin kode CSS dari Bootstrap dan tempel kode di bawah Tag <head>
lalu tutup kode yang kita tempel tadi dengan tanda / sebelum tanda > di ahir kode.
Contoh seperti gambar di bawah ini.
Lalu simpan perubahan.Setelah itu kita akan membuat menu Navigasi,salin kode yang berwarna biru di bawah ini dan tempel di atas sesi main content atau di atas
<ul class='nav justify-content-center'>
<li class='nav-item'>
<a class='nav-link active' href='#'>Home</a>
</li>
<li class='nav-item'>
<a class='nav-link' href='#'>Disclaimer</a>
</li>
<li class='nav-item'>
<a class='nav-link' href='#'>About</a>
</li>
<li class='nav-item'>
<a class='nav-link' href='#'>Privacy Policy</a>
</li>
<li class='nav-item'>
<a class='nav-link' href='#'>Terms Condition</a>
</li>
</ul>
Jika kalian ingin menambahkan Navigasi di bawah ,salin lagi kode Navigasi di atas dan tempel di bawah Tag <footer>
Lalu simpan perubahan dan lihat hasilnya.
