Home / Trik

Cara Membuat Menu Navigasi Pada Template Bawaan Blogger


Kali ini Saya akan memberitahu Cara Membuat Menu Navigasi Pada Template Bawaan Blogger.
Terkadang kita pasti merasa bingung, kenapa template bawaan dari blogger atau dari tempat download template nggak ada menu navigasinya. Sebenarnya mudah sih cara membuat dan editnya, Anda ikuti nih langkah-langkah di bawah ini.

Cara Membuat Menu Navigasi Pada Template Bawaan Blogger

Berikut ini caranya, cara yang pertama :

  • Jika sudah login ke blogger
  • Pilih Template → Edit HTML
  • Cari kode seperti di bawah ini :

<div id='header-wrapper'>
...
</div>

  • Letakkan script di bawah ini, di bawah kode tadi

<div id='nav'>
<ul>
<li><a href='http://suryachandragobel.blogspot.com/'>Home</a></li>
<li><a href='http://suryachandragobel.blogspot.com/'>Tutorial</a></li>
</ul>
</div>

  • Hasilnya seperti ini :

<div id='header-wrapper'>...</div><div id='nav'><ul><li><a href='http://suryachandragobel.blogspot.com/'>Home</a></li><li><a href='http://suryachandragobel.blogspot.com/'>Tutorial</a></li></ul></div>

  • Simpan dan lihat hasilnya.

Jika Anda tidak mau repot edit HTML, lebih mudahnya seperti ini, cara kedua :

  • Jika belum di edit atau belum disimpan editannya, Anda pilih tab Tata Letak
  • Setelah itu Tambah Gadget → HTML/JavaScript
  • Letakkan script di bawah ini ke kotak

<div id='nav'><ul><li><a href='http://suryachandragobel.blogspot.com/'>Home</a></li><li><a href='http://suryachandragobel.blogspot.com/'>Tutorial</a></li></ul></div>

  • Simpan dan pindahkan kotak tadi seperti gambar di bawah ini

Cara Membuat Menu Navigasi Pada Template Bawaan Blogger

  • Simpan setelan yang ada di pojok kanan atas.

Selamat Mencoba dan Semoga Bermanfaat !