Ikuti langkah - langkah di bawah ini :
Anda bisa mengubah ukuran (pada kode warna merah) dan warna (pada kode warna biru) border/garis pembatas dengan yang anda inginkan. Kode warna hijau adalah warna teks pada nama Submenu yang bisa anda ubah. Dan ukuran width adalah lebar submenu, sesuaikan dengan panjang nama pada Submenu.
Ubah kode berwarna merah dengan URL tujuan yang anda inginkan, untuk Menu1 adalah menu induk. Jika anda tidak akan memberi fungsi link pada menu tersebut, biarkan saja URL nya '#'. Untuk tulisan berwarna biru anda ubah dengan nama menu dan submenu yang anda inginkan.
Jika anda ingin memasang Menu serta Submenu baru, maka yang perlu anda lakukan adalah menyalin/copy kode diatas dan menempelkanya/paste tepat di bawah kode tersebut. Jadi anda tinggal mengeditnya.
SELESAI....
Membuat Menu Navigasi
Sebenarnya sangat mudah untuk membuat menu navigasi ini, anda hanya
perlu menampilkan elemen laman dan selanjutnya membuat laman-laman baru.
Menu-menu ini bisa ditampilkan di sidebar juga, namun idealnya menu
navigasi dipasang di bagian atas dekat header.
Berikut cara membuat Menu Navigasi.
- Tentunya anda telah masuk pada akun Blogger anda.
- Masuk pada bagian Laman.
- Perhatikan, terdapat tulisan "tampilkan laman sebagai", lalu klik kotak dropdown untuk memilih opsi, ubah pilihan "jangan tampilkan" dan pilihlah "Tab Atas". Untuk mengakhiri, klik Simpan Setelan.
Menu navigasi sudah dibuat, silakan lihat hasilnya. Namun hanya menu
Beranda yang tampil. Sekarang apa lagi? Tugas anda selanjutnya adalah
membuat menu-menu baru, berikut caranya:
- Masih pada bagian Laman, anda klik kotak dropdown Laman Baru.
- Terdapat dua pilihan yaitu Laman Kosong dan Alamat Web. Laman Kosong berfungsi untuk membuat sebuah halaman baru secara manual seperti sebuah tulisan atau juga bisa sebuah script. Sedangakan Alamat Web berfungsi untuk memberikan fungsi link pada tombol menu navigasi dimana ketika menu navigasi diklik maka akan menuju pada URL yang telah anda masukan.
Membuat Menu serta Submenu Navigasi
Telah jelaskan, Submenu itu adalah menu uraian dari menu induk. Nah untuk membuat submenu ini terlebih dahulu anda harus menampilkan elemen laman seperti yang telah dijelaskan dalam membuat Menu Navigasi.
Setelah elemen laman ditampilakan maka anda bisa memulai untuk membuat Menu serta Submenu Navigasi.
- Masuk pada bagian Template dan klik Edit Template.
- Gunakan tombol ctrl+F dan carilah kode
]]></b:skin>
. - Letakan kode berikut tepat di atas kode
]]></b:skin>
.
.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: 250px;
}
Anda bisa mengubah ukuran (pada kode warna merah) dan warna (pada kode warna biru) border/garis pembatas dengan yang anda inginkan. Kode warna hijau adalah warna teks pada nama Submenu yang bisa anda ubah. Dan ukuran width adalah lebar submenu, sesuaikan dengan panjang nama pada Submenu.
- Gunakan tombol ctrl+F dan carilah kode
<li><a expr:href='data:link.href'><data:link.title/></a></li>
. Kemudian perhatikan kode-kode yang berada beberapa baris di bawahnya, terdapat kode<b:/loop>
. Letakan kode berikut tepat di bawah kode<b:/loop>
.
<li><a href='#'>Menu1</a>
<ul>
<li><a href='http://regibrader-free.blogspot.com/'>Sub Menu 1</a></li>
<li><a href='http://regibrader-free.blogspot.com/'>Sub Menu 2</a></li>
<li><a href='http://regibrader-free.blogspot.com/'>Sub Menu 3</a></li>
</ul>
</li>
Ubah kode berwarna merah dengan URL tujuan yang anda inginkan, untuk Menu1 adalah menu induk. Jika anda tidak akan memberi fungsi link pada menu tersebut, biarkan saja URL nya '#'. Untuk tulisan berwarna biru anda ubah dengan nama menu dan submenu yang anda inginkan.
Jika anda ingin memasang Menu serta Submenu baru, maka yang perlu anda lakukan adalah menyalin/copy kode diatas dan menempelkanya/paste tepat di bawah kode tersebut. Jadi anda tinggal mengeditnya.
SELESAI....
Baca juga Trick and Tips Blog Lainya di bawah ini :
Cara membuat blog Download MP3 di Blogspot
Cara Mudah Membuat Sitemap di Blogger
Cara memasang atau memasukan widget lagu ke blog
Cara Menambahkan Elemen Halaman Atau Kolom Full Widgets Pada Sidebar
Cara Membuat & Memasang Kotak Berlangganan Responsive
Cara Memasang Widget Media Sosial di Sidebar Blog
Cara Menampilkan Widget Recent Posts
Promosi Facebook Page dengan Conversion Box
Related Post dengan Gambar Thumbnail untuk Blogger
Featured Post with Thumbnail Image for Blogger
Cara Membuat Sidebar Multi Tab di Sidebar Blog
Cara Membuat Navigasi Halaman Blog Pake Angka/Nomor
Widget Recent Posts Blogger Berdasarkan Label Atau Kategori
Widget Popular Posts Dengan Grid Layout Style
Cara Membuat Automatic Featured Posts Slider Dengan JQuery
Menyusun Gambar Sejajar Pada Postingan
Cara Membuat Kotak Pencarian (Search Box) Di Blog Keren Terbaru
Cara Membuat Iklan Melayang Di Bawah Blog Dengan Tombol Close
Cara Membuat Fanspage Facebook Melayang Di Blog Terbaru
Cara Membuat Popular Post Warna Warni Di Blog Terbaru
Cara Mengatur Jumlah Postingan Di Halaman Utama Blog
Cara Membuat link di HTML (tag)
Cara Membuat Garis Batas Horizontal di Blogger
Membuat Tab View Menu Tanpa Edit HTML di Blogspot
Cara memasang video Youtube di blog
Cara Membuat Tulisan/Link Agar Bisa di Klik
Membuat Popular Post Hanya Tumbnail
Membuat Slide Show Gambar di Halaman Posting Blogger
Cara Membagi Postingan Menjadi 2 Halaman di Blogspot
CARA POSTING DALAM HALAMAN BERBEDA DI BLOGGER
Cara Mengganti Warna Background Judul Sidebar Blog
Cara Membuat Label atau Kategori di Blog
Cara Membuat Isi Halaman Blog Berdasarkan Label
Cara Membuat Menu dan Submenu Navigasi pada Template Bawaan Blog
Cara Memasang Widget di Blog
Cara menambahkan daftar bacaan blog
CARA MELAKUKAN REDIRECT 301 (PENGALIHAN URL)
Cara Memasang Breadcrumb blog
Cara Menggunakan Menu Impor Blog di Blogger
Cara Mengalihkan Alamat Blog Lama Ke Blog Baru
Cara Membuat Kotak Komentar Facebook di Blog
Cara Membuat Menu Spoiler Pada Postingan Blogger
Cara Membuat Widget Recents Post / Artikel - Bergerak
Cara Mengganti Domain Blogspot menjadi .Com - (Custome Domain)
Cara Membuat Link / Tautan Antar Halaman
Cara Memasukkan Postingan di Menu dan Sub Menu
Cara Membuat Widget Recent Post Dengan Gambar
Cara Menambahkan Gambar Di Postingan Blog
Selamat Mencoba
No comments:
Post a Comment