Edit Menu dan Sub Menu Melalui Edit HTML Template

Pada tutorial ini saya akan membahas cara mengedit menu dan sub menu pada jenis template yang mengharuskan mengedit melalui Edit HTML Template.
Sebagai study kasus, kita akan mengedit menu dan sub menu seperti pada gambar berikut ini:

1. Login halaman admin blog anda seperti biasa, => blogger.com  (masukan email dan password anda)
Klik template dan klik pada Edit HTML Perhatikan  gamabar berikut:


2. Setelah kode HTML template terbuka, beri centang pada expand Template Widget (ditunjukan dengan nomor 2 pada gambar diatas)
Gunakan tombol kombinasi keyboard CTRL+F untuk menggunakan fasilitas Find (ditunjukan pada nomor 3), ketiklah nama menu yang akan anda edit, maka seperti contoh diatas ditunjukan pada nomor 4, menu yang ada dalam kode template akan tampak.

Pada gambar dibawah ini merupakan contoh dimana saya akan mengedit Sub Menu Drop Menu 1, perhatikan gambar:


Pada gambar diatas nomor 1 merupakan letak link tujuan menu ketika di klik, sedangkan nomor 2 merupakan nama menu/ sub menunya.

Pada nomor 3 merupakan kode untuk 1 menu, jadi jika anda akan menambah menu lain, maka anda cukup mengcopy kode HTML sesuai gambar diatas.

Pastikan anda sudah memposting tulisan sesuai dengan menu yang akan dibuat, karena nanti posting tersebut akan diambil link lokasinya untuk dipasang pada menu, sebagai contoh:
Saya akan membuat menu Profil, maka saya memposting terlebih dulu dengan judul Profil, setelah dipublikasikan, maka kita bisa mendapatkan link lokasi posting Profil seperti link berikut:
http://www.bloganda.com/2013/03/profil.html
(kita bisa copy link diatas di Address Bar)

Dari link yang sudah kita dapatkan, selanjutnya kita pasang di kode HTML menu, maka jadinya seperti kode berikut::
  • Menu Profil


  • Demikian, semoga bermanfaat.

    terimakasih atas info dan bantuannya.

    Sunardi Dinar at 8 Mei 2016 22.47

    WADUH....GUE TAMBAH BINGUNG NICH BOS?

    Silahkan tinggalkan komentar anda disini dan Terimakasih anda mau menuliskan nama anda.

    .:: Iklan ::.

    Koleksi Tutorial Blog

    Pengertian Blog dan Cara Membuat Blog Terbaru

    Cara Melakukan Posting Artikel

    Cara Membuat Readmore di blog dengan Mudah

    Cara Mendapat Hosting Gambar Gratis

    Cara Menghilangkan Tulisan Subscribe To Post (Atom)

    Cara Setting Blog Yang Baru di Buat

    Cara memasang Jam Animasi di Blog

    Cara memasang banner affiliate di blog

    Cara menampilkan dokumen office (word, excell, power point) di blog

    Changing the Read More in blogger - New Feature

    Creating 'After the jump' summaries

    Encode dan Decode

    Gadget Posting Terpopuler dengan Thumbnile dan Statistik Blog

    How to create a blog with Blogger - Video YouTobe

    Membuat Banner atau Gambar Berjalan

    Membuat Navigasi Halaman / Page Navigation Blogger

    Membuat Site Map, Daftar Isi Otomatis Versi 2

    Membuat Slide Gambar di Blog Dengan JQuery

    Membuat Teks Berkedip Seperti Gadis Cantik yang Centil

    Membuat Tombol Share Facebook Dengan Counter

    Membuat Tombol Show Hide Gambar - Text di Blog (spoiler)

    Menciptakan blog yang keren dan elegant

    Mengganti Avatar Komentator dengan Avatar MyblogLog

    Mengganti Template Blogger Standard

    Navbar Blogger, Amankan Blog dari DELETE

    Perancangan Template Blog Baru

    Posting Gambar di Blog

    Script Buku Tamu Model Show Hide

    Script Membuat Buku Tamu Cepat dan Praktis

    Script Membuat Random Posting di Blogspot

    Script Membuat Slide Photo Panorama

    Tips dan Trik Blog: Agar Title Blog Kita SEO Friendly

    Tips dan Trik: Menghapus Link Subsribe Post

    Video Tutorial Membuat Blog di Blogspot 1

    Video Tutorial Membuat Email di Ymail

    Website Penyedia Layanan Shout Box

    Posting Blog Terbaru Otomatis Update di Status Facebook

    Gambar bergoyang ketika di sentuh

    Membuat Page(Laman Terpisah) di Blogger.com

    Cara Membuka Website Yang Benar (Untuk Pemula)

    Cara Mudah Custom Domain di Blogspot

    Cara Custom Domain blogspot dengan Domain web.id

    Cara Membuat Scroll Widget Blog

    Cara Edit Menu dan Sub Menu Melalui EDIT HTML Template

    Cara Mengedit Gambar Slide
    Cara Setting Sub Domain dan Redirect Domain
    Cara Menyimpan Javascript di Google Drive

    Arsip Blog