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.
<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/AVvXsEgwFyFLjKEGnj4YXTlhAbudbaVCkqkn-EIBnle8j1G0_bXp0BGi-ICxC6_UR7TKi5I7Ce5rjF_wIeK4nzFJknM7CiinzLXkW0clZpvtTcytHQJip2yelj39D0ytd_X66j9Kjsj6mHqgtNE/s800/Beranda.png' width='20px'/>Halaman Utama</a></li>
url berwarna merah bisa anda ganti dengan url gambar lainkode 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.
Belum ada tanggapan untuk "Cara Mengedit Menu Navigasi Blogspot yang kita download"
Post a Comment