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/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 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.
Belum ada tanggapan untuk "Cara Mengedit Menu Navigasi Blogspot yang kita download"
Post a Comment