Cara Mengedit Menu Navigasi pada Template Blogspot Hasil Download

Sebagian Blogger lebih senang menggunakan Template pada Blog-nya dengan Template hasil download. Dibandingkan dengan template bawaan blogspot, template hasil download ini cenderung lebih variatif. Memang template bawaan Blogspot lebih leluasa untuk edit tampilan dan ukuran kolom. Sedangkan template hasil download dianggap sulit dalam pengeditan tampilan, salah sedikit saja akan membuat tampilan template berantakan (kecuali bagi para Blogger yang telah mahir dalam edit Template).
Para pembuat template biasanya membuat template yang telah disertakan berbagai kebutuhan-kebutuhan para Blogger kebanyakan. Hal inilah yang membuat template hasil download lebih banyak dipilih para Blogger. Contohnya yang akan saya bahas kali ini yaitu template hasil download telah menyediakan menu navigasi yang berada di dekat header Blog. Namun nama-nama menu navigasi ini mungkin tidak akan sesuai dengan kebutuhan anda. Oleh karena itu, saya hanya akan jelaskan cara mengedit nama menu dan url tujuan menu navigasi ini. Hal ini mudah diatasi, hanya dengan sedikit pengeditan pada HTML template anda.

1. Login ke akun Blogger anda.
2. Masuk ke bagian Template>> klik Edit HTML.
3. Lalu perhatikan nama-nama menu navigasi pada template anda.

Nah, pada opsi Edit HTML ini gunakan tombol ctrl+F untuk mencari salah satu nama menu navigasi. Contohnya kita mencari nama menu navigasi "privacy", maka akan muncul kode menu privacy serta kode-kode menu navigasi disekitarnya.

Tampilan kode-kode tersebut tidak akan jauh seperti gambar di atas. Satu buah menu navigasi memiliki kode yaitu dari <li>sampai</li>, contoh.

<li><a href='http://regibrader-free.blogspot.com/search/label/Edit%20Template'>Mengedit Template</a></li>

Selanjutnya kita hanya perlu merubah nama menu dan memasukan/merubah url (url tujuan tombol menu navigasi). Ubah nama menu pada tulisan yang bergasis bawah biru, dan masukan/ubah url pada tulisan bergaris bawah merah.
Selain itu anda juga dapat menghapus menu navigasi jika tidak diperlukan. Hapuslah kode dari <li>sampai</li>.
Atau anda ingin satu menu navigasi tambahan. Anda hanya perlu mengcopas kode <li>sampai</li> yang telah ada, dan mengeditnya.
Bahkan anda dapat menyisipkan gambar pada menu navigasi ini, caranya dengan menambahkan kode bercetak tebal dan miring di bawah ini di antara kode menu navigasi.

<li><a href='http://regibrader-free.blogspot.com/'><img height='15px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd2dNt6supwTfwYQFq5PBckxSGabqlHzs29JaJt4Wo29VARdvoju4ja8rFfJIvgKrwAmMoZeHGsXc0Ao9tYHMLjLZJV3gu7lYCAP52SocsEQIlS14Xhz96R5ijBwOekK8-Gm4BwkXhbVY/s800/Beranda.png' width='20px'/>Halaman Utama</a></li>

url berwarna merah bisa anda ganti dengan url gambar lain
kode berwarna biru sesuaikan dengan ukuran tinggi menu navigasi
kode berwarna hijau sesuaikan dengan ukuran lebar yang anda inginkan

4. Setelah pengeditan selesai, silakan klik pratinjau terlebih dahulu untuk mencegah terjadinya kegagalan. Jika dalam tampilan pratinjau telah berhasil, maka klik Simpan Template.

Selesai, contoh hasilnya seperti berikut. Dari menu navigasi pada gambar yang telah saya cantumkan sebelumnya, berubah menjadi seperti ini.

Saya hanya menjelaskan pengeditan pada menu navigasi. Jika pada template yang anda gunakan tidak tersedia menu navigasi, dan anda perlu tutorial pembuatanya, coba anda baca Cara Membuat Menu dan Submenu Navigasi pada Template Bawaan Blogspot. Semoga berlaku juga untuk Template hasil download.