Cara Membuat Menu Navigasi Di Blogspot

Fungsi navigasi adalah untuk memudahkan pengunjung blog melihat daftar isi dari sebuah blog. Ada navigasi semakin membuat mudah orang mengeklik artikel atau tombol mana yang ingin diketahui oleh sang pembaca blog.

Pada artikel ini kita kasih contoh blog daun sirsak surabaya. Menu navigasinya sederhana gak neko neko hanya ada home, produk, pengiriman luar negeri, tentang kami, dan merebus daun sirsak.

Berikut Cara Membuat Menu Navigasi Pada Blogspot :

1. Klik tema
2. Klik edit tema

3. Cari kode berikut "menu navigation" atau jika tidak ada cari kata "menu". Biar carinya cepat tekan tombol ctrl + f ya gan.

Kodenya bisa copas di sini aja ya gan

<nav id='nav'>

    <ul id='menu'>
        <li><a href='/'>Home</a></li>
        <li><a href='https://daunsirsaksurabaya.blogspot.com/2012/08/tentang-kami.html'>Tentang Kami</a></li>
        <li><a href='https://daunsirsaksurabaya.blogspot.com/p/cara-penyajian-daun-sirsak_22.html'>Merebus Daun Sirsak</a></li>
    </ul>

Kata yang berwarna biru adalah kata yang agan bisa tempel di dinding navigasi, sedangkan kalimat yang berwarna hijau adalah sumber postingan agan.

Hasil akhirnya adalah seperti ini ya

Jika agan pengen memberikan navigasi macam gambar seperti di bawah ini :

Pada menu produk, ada 2 macam produk yang bisa dipilih langsung melalui kolom navigasi. Begini caranya ya gan :

<nav id='nav'>

    <ul id='menu'>
        <li><a href='/'>Home</a></li>
        <li><a href='#'>PRODUK</a>
            <ul>
            <li><a href='https://daunsirsaksurabaya.blogspot.com/2012/03/teh-daun-sirsak-celup.html'>Teh Daun Sirsak</a></li>
            <li><a href='https://daunsirsaksurabaya.blogspot.com/2012/03/daun-sirsak-segar-dan-kering.html'>Daun Sirsak Kering</a></li>
            </ul>
        </li>
        <li><a href='#'>Pengiriman Luar</a>
            <ul>
            <li><a href='https://daunsirsaksurabaya.blogspot.com/2018/12/pengiriman-daun-sirsak-ke-singapura.html'>Kirim Ke Singapura</a>    </li>
            <li><a href='https://daunsirsaksurabaya.blogspot.com/2012/06/hari-ini-ternyata-saya-ada-pesanan-dari.html'>Kirim Ke Singapura 1</a></li>
            <li><a href='https://daunsirsaksurabaya.blogspot.com/2017/10/daun-sirsak-ke-korea.html'>Kirim Ke Korea</a></li>
            </ul>
        </li>
        <li><a href='https://daunsirsaksurabaya.blogspot.com/2012/08/tentang-kami.html'>Tentang Kami</a></li>
        <li><a href='https://daunsirsaksurabaya.blogspot.com/p/cara-penyajian-daun-sirsak_22.html'>Merebus Daun Sirsak</a></li>
    </ul>

Kode yang berwarna biru tinggal copas ke tema agan.

4. Setelah selesai mengedit tema blog, agan klik simpan tema.
5. Selesai. Coba buka blog agan.

Semoga berhasil ya gan. Jika ada pertanyaan silahkan lanjut di kolom komentar ya.