Cara Menambah Sub Menu pada template Bawaan



Sub Menu pada Blog
Menu adalah elemen yang selalu dipasang para Blogger pada Blognya. Mungkin sobat sering mengunjungi Blog yang ketika cursor disentuhkan pada salah satu Menu lalu tampil menu-menu lain di bawahnya. Itu adalah Sub Menu.  Bagi sobat Blogger yang menggunakan Template bawaan Blogspot, simaklah Cara Membuat Sub Menu pada Template Bawaan Blog yang akan saya jelaskan.
Menu dan Sub Menu ini biasanya sudah tersedia apabila sobat menggunakan Template Blog hasil download. Hanya tinggal mengeditnya saja, Silakan baca juga Cara Mengedit Menu-menu pada Template Blog Hasil Download. Namun pada Template bawaan Blogspot, mungkin mudah untuk membuat menu-menunya, tetapi untuk membuat Sub Menu tidak disediakan.
Jadi Beginilah Cara Membuat Sub Menu pada Template Bawaan Blog:


Pertama, atur dan aktifkan setelan tab menu dan menu halaman yang akan ditampilkan, caranya seperti tampak pada gambar di bawah ini.Pilih "Tab Atas" agar menu-menu terdapat pada header. Namun menu-menu ini tidak dapat ditambahkan sub menu. Jika telah disesuaikan, maka klik "simpan setelan".
Cara Membuat Sub Menu pada Blog
Kedua, buka editor template dengan cara mengklik menu "Template" >"Edit HTML">centang "Expand Template Widget"
 
Ketiga, cari kode ]]></b:skin>, gunakan tombol ctrl+F agar lebih mudah. Kemudian sisipkan kode CSS berikut diatasnya kode tersebut.

.tabs-inner .widget li ul {
  z-index: 100; position: absolute;
  left: -999em; height: auto; margin: 0; padding: 0;
  border: 1px solid #999999;
}

.tabs-inner .widget li ul, .tabs-inner .widget li ul a,
.tabs-inner .widget li ul li:first-child a {
  -moz-border-radius: 0px; -webkit-border-radius: 0px;
  -goog-ms-border-radius: 0px; border-radius: 0px;
}

.tabs-inner .widget li:hover ul, .tabs-inner .widget li.sfhover ul {
  left: auto;
}

.tabs-inner .widget li li a:hover, .tabs-inner .widget li li a:active {
  color: #ffffff; background: rgb(51, 102, 153);
}

.tabs-inner .widget li ul a {
  display: block; padding-left: 1.25em; padding-right: 1.25em;
  margin-left: 0px; margin-right: 0px; border: none;
  color: #000000; background: rgb(243, 244, 246);
}

.tabs-inner .widget li ul, .tabs-inner .widget li ul a {
  width: 220px;
}

Sobat dapat merubah beberapa kode diatas yang saya tandai.

Keempat, cari kode <li><a expr:href='data:link.href'><data:link.title/></a></li>, agar lebih mudah gunakan tombol ctrl+F. Kemudian perhatikan kode <b:/loop> yang terdapat beberapa baris di bawahnya. Nah, sisipkan kode dengan format berikut ini tepat di bawah <b:loop>.
<li><a href='#'>Nama Menu</a>
  <ul>
    <li><a href='http://regibrader-free.blogspot.com/'>Nama Sub Menu 1</a></li>
    <li><a href='http://regibrader-free.blogspot.com/'>Nama Sub Menu 2</a></li>
    <li><a href='http://regibrader-free.blogspot.com/'>Nama Sub Menu 3</a></li>
  </ul>
</li>
Ket:
Ubah tulisan yang berwarna merah dengan nama/URL yang di inginkan.

Daftar isi

aktivator (1) android emulator (1) Anti virus gratis (1) Aplikasi Android Terbaik April 2013 versi Google Play (1) Avast Pro Antivirus 2013 v8.0.1482 Full License (1) backup data (1) Benner onlie Gratis (1) Bios (1) Blue Screen (1) Blue Stacks (1) Bonelab 2 v2.3.3.36 Full Gratis (1) Cara Unlock Modem (1) converter full gratis (1) converter pdf (1) crack (1) Daemont tool (1) Dafrtar Kode Warna HTML (1) dapet uang dari Internet (1) Dapet uang Gratis (1) DJ Studio 10 Full Crack (1) Download Tera Copy Full crack (1) Download Tera Copy Full Gratis (1) Download Tera Copy Full Terbaru 2013 (1) Downloads PES 2013 + Crack Gratis Full Version (1) Facebook Messenger Terbaru dengan Fitur Chat Head dan Sticker (1) facebook terbaru (1) Free Download Artisteer 4 Terbaru Full Version (1) Free Software (1) Full Gratis (1) game Offline dan online (1) Games Android Full Gratis (1) Games full (1) Games Gratis (1) Hardware (1) Hdd External (1) Internet Gratis (1) Jadwal musik (1) Karaoke Builder Studio 3.0 full (1) Kaspersky Internet Security 2014 (1) kode warna html (1) Komputer (1) Kumpulan Software Portable (1) Kumpulan Software Terbaik 2013 (1) Membagi Postingan Menjadi 2 Bagian (1) Membuat Kode Warna Pada Postingan di Blog (1) Menambah sub menu bawaan (1) Mendapatkan Uang (1) Mengenal Kerusakan Pada Komputer (1) office 2010 (1) Partisi (1) pas (1) prj (1) Pro Evolution Soccer 2013 (1) Quick Pdf To Word Converter v2.2 Final Full Crack (1) recovery (1) Sam DJ 4.45 Full Pacth (1) Sentinel 3 : HomeWorld - PCGame Full Theta (1) Shoftware (1) Software Aiprosoft Total Video Converter Terbaru 2013 (1) Software Anti Malware Terbaik 2013 (1) Software Audio Terbaik 2013 (1) Software Blogging Terbaik 2013 (1) Software Full Gratis (1) Software Graphic Terbaik 2013 (1) Software Pengolah Video Terbaik 2013 (1) Software Portable Free 2013 (1) Software Portable Free Terbaru (1) Software untuk Mempercantik Tampilan PC 2013 (1) Software Virtual Terbaik 2013 (1) Software VPN Terbaik 2013 (1) Software Web Editor Terbaik 2013 (1) Spoiler (1) tanpa Software (1) teks berjalan (1) Teks Berjalan di Addres Bar (1) Template gratis (1) Tiket Online (1) Update Driver (1) WeChat di Laptop/Komputer PC (1) wechat untuk windows (1) Whatsapp Untuk HP Java (1) Windows 8 Full (1) windows 8 full gratis (1)