1/30/2018

Cara Mengedit Sub Menu Dan Menambah Sub Menu di Template Blogger Hasil Download




Setelah kita mengganti template tentu kita ingin menyesuaikan Sub Menu sesuai keinginan atau tema Blog kita. Ada beberapa saya lihat dari temen-teman yang masih kebingungan tentang mengedit sub menu template hasil download.

Walapun banyak juga yang membuat tutorial mengedit dan menambahkan sub menu di google.
Berhubung saya ingin membuat catatan jadi saya coba menjelaskan dengan versi saya sendiri..

Baik langsung saja ikuti langkah dibawah ini..

Mengedit Sub Menu

Sebagai contoh saya ingin mengedit sub menu yang ada di gambar ini.




Pertama pergi kedasbor blogger lalu pilih Tema kemudian Edit HTML lihat gambar




Kemudian tekan pada keyboard anda CTRL+F untuk memudahkan mencari sub menu yang ingin kita edit. karena saya ingin mecari  menu 1 maka ketik di kolom pencarian lalu tekan Enter.
lihat gambar


Nanti akan langsung mengarah kepada yang kita cari di kolom pencaria tadi. ini yang nanti kita akan eksekusi. jika sudah langsung ganti saja teks yang berwarna hitam sesuai yang kalian inginkan. lihat gambar.


Sebagai contoh dini saya merubah nama sub menu seperti di gambar bawah ini. jika ingin melihat perubahannya kalian bisa langsung klik simpan.


Menghaspus Sub Menu

Berhubung saya ingi menghapus submenu 3 yang ada dropdownnya yang menurut saya terlalu banyak pilihan. cara ini juga bisa digunakan untuk menghapus sub menu yang lainnya. begini penampakan sub menu yang saya ingin hapus.


yang saya inginkan tidak ada menu dropdown pada submenu 3, perhaiakan gambar yang saya blok di kode html. itu adalah submenu 3 dropdown yang saya ingin hapus. untuk menghapus sebuah sub menu perhatikan tag. tag harus berpasangan. untuk tag yang ada di submenu 3 dropdown saya adalah  <ul> dengan </ul>. lihat gambar




Ini penampakan submenu 3 yang saya sudah hapus. klik simpan jika ingin melihat perubahan


Menambah Sub Menu

Kemudian saya ingin menambakan 1 submenu lagi. cara menambahkannya agar mudah dengan cara copy submenu linux dan paste dibawahnya. lalu lihat tag pada submenu linux yang pertama. tidak ada pasangan untuk tag </li>  perhatikan gambar.


Karena tidak ada tag </li> pada submenu linux yang pertama kita tambahkan tagnya. dan rubah teks linux kedua sesuai yang kita inginkan, disini saya merubah menjadi Microsoft Office.
Agar tidak bingung tag berpasangan atau tidak pindahkan tag </li> yang ada diatas tag <ul>. Pindahkan disamping submenunya masing-masing. Biar lebih jelas lihat gambar hasil yang saya tambah dan pindahkan. 


 Berikut ini adalah hasil editan sub menu saya


Meberi Alamat Link di Sub Menu

Selanjutnya setelah kita mngedit sub menu tentunya harus memberi link pada setiap sub menu atau navigasi sesuai dengan kategorinya.

Caranya dengan menuju ke link label atau kategori sesuai degan navigasinya. sebagai contoh saya memberi link pada label Android, kemudian klik label arau kategori Androidnya.


Kemudian klik label yang kalian ingin tentukan, perhatika alamat label atau kategorinya yang ada di atas, lalu copy alamat labelnya.. lihat gambar



Jika sudah dicopy kalin kembali lagi ke Tema Edit html dan cari (CTRL+F) sub menu Android. jika sudah ketemu hapus tanda # pada script dan pastekan alamat label yang sudah kita copy tadi.
lihat gambar lebih jelasnya.


Lalu kalian Simpan, coba di lihat dan klik sub menu atau navigasinya apakah berfugsi dengan baik atau tidak. Jika sudah berarti anda sudah berhasil mengedit sub menu dan lakukan cara diatas untuk sub menu yang lainnya.

Note:
Jika mengalami error pada saat menyimpan hasil template, anda hanya perlu menekan tombol CTRL+Z agar kembali keposisi semula sebelum kita rubah, dan perhatikan ada salah atau tidak dalam mengedit htmlnya

Gimana apakah pusing? hehehe semoga paham ya apa yang saya jelaskan di atas Cara Mengedit Sub Menu Dan Menambah Sub Menu di Template Blogger.

Jika masih bingung dan ingin ditanyakan silahkan tulis pada kolom komentar ya.
semoga bermanfaat dan jangan bosan ya buat mampir keblog indrayana14