Menubar adalah sebuah kotak tab/bar yang isinya berupa navigasi link. Fungsi menubar yaitu untuk menyimpan link-link penting di suatu blog, agar pengunjung dapat lebih mudah mengunjungi halaman-halaman utama yang ada pada suatu blog itu.
Ada 2 cara untuk membuat Menubar pertama menggunakan scrip yang akan kita copas ke HTML dan kedua menggunakan fitur yang telah ada pada blog, untuk lebih jelas nya ikuti keterangan di bawah ini:
cara pertama.
- Buka akun Blogger
- Klik Desain
- Pilih Template lalu pilih Edit HTML
- Pilih/klik Lanjutkan
- Pilih/klik Expand Template Widget
Cari scrift berikut :
<div class='main-outer'> atau
<div id='main-wrapper'> atau
<div id='main'>
<div id='main-wrapper'> atau
<div id='main'>
Agar lebih mudah, klik saja F3 pada keyboard lalu pilh salah satu scrift diatas. Bisa jadi beda dengan template yang lain. Setelah dapat, copas scrift berikut tepat diatas scrift yang dicari tadi dengan scrip dibawah ini:
Silahkan ganti tulisan berwarna merah dengan kata -
kata yang anda inginkan, dan ganti juga tulisan warna biru dengan link url kamu.
<style> /* -- Menu Horizontal +
Sub Menu-- */ #cat-nav {background:#156994;margin:0
15px;padding:0;height:35px;} #cat-nav a { color:#eee;
text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px
solid #156994;} #cat-nav a:hover { color:#fff; } #cat-nav li:hover {
background:#000; } #cat-nav a span { font-family:Verdana, Geneva,
sans-serif; font-size:11px; font-style:normal; font-weight:400;
color:#fff; text-shadow:none;} #cat-nav .nav-description {
display:block; } #cat-nav a:hover span { color:#fff; } #secnav, #secnav
ul { position:relative; z-index:100; margin:0; padding:0;
list-style:none; line-height:1; background:#0d5e88; } #secnav a {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:bold; font-weight:700; font-size:14px; display:block;
z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}
#secnav li { float:left; width: auto; height:35px;} #secnav li ul {
position: absolute; left: -999em; width: 200px; top:35px} #secnav li ul
li { height:30px; border-top:1px solid #fff; } #secnav li ul li a {
font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px;
padding:0 10px; font-size:11px; font-style:normal; font-weight:400;
color:#eee; } #secnav li ul ul { margin: -30px 0 0 180px; } #secnav
li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul,
#secnav li.sfhover ul ul ul { left:-999em; } #secnav li:hover ul,
#secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover
ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
#secnav li:hover,#secnav li.hover { position:static; } #cat-nav
#secnav {width:100%;margin:0 auto;} </style> <div
id='cat-nav'> <ul class='fl' id='secnav'>
<li><a href='http://alamatblogkamu.com/p/target.html'>Home</a></li>
<li><a href='http://alamatblogkamu.com/p/target.html'>Contact</a>
<li><a href='http://alamatblogkamu.com/p/target.html'>About me</a></li>
<li><a href='http://alamatblogkamu.com/p/target.html'>Disclaimer</a></li>
<li><a href='http://alamatblogkamu.com/p/target.html'>Privasi Policy</a></li>
</ul>
</li>
........................................................dst.
<li><a href='http://alamatblogkamu.com/p/target.html'>Sitemap</a></li>
</ul> </div> <div class='main-oute
Simpan<li><a href='http://alamatblogkamu.com/p/target.html'>Home</a></li>
<li><a href='http://alamatblogkamu.com/p/target.html'>Contact</a>
<li><a href='http://alamatblogkamu.com/p/target.html'>About me</a></li>
<li><a href='http://alamatblogkamu.com/p/target.html'>Disclaimer</a></li>
<li><a href='http://alamatblogkamu.com/p/target.html'>Privasi Policy</a></li>
</ul>
</li>
........................................................dst.
<li><a href='http://alamatblogkamu.com/p/target.html'>Sitemap</a></li>
</ul> </div> <div class='main-oute
cara ke dua
Nah, jika kamu ingin memasang menu bar di blog , akan tetapi kamu takut mengutak – atik kode HTML pada blog , berikut ini cara memasangnya tanpa harus mengutak – atik kode HTML. silahkan ikuti langkah - langkah berikut ini :
.JPG)
- Kemudian, ubah pengaturan Tampilkan laman sebagai dari yang awalnya Jangan Tampilkan menjadi Tab Atas.
- Klik tombol Laman Baru
- Kemudian, posting judul pada Judul contoh contact, about me atau lain nya
- selanjut nya isi lah posting sesuai keinginan kamu contoh jika judulnya "contact" bisa di isi dengan email kamu dll , klik Simpan / publish. selanjutnya:
- Klik menu Tata Letak, lalu klik Tambahkan gadget,
- maka akan keluarlah jendela tab baru, klik Laman.
- Hapus tulisan Laman yang ada dibawah tulisan Judul (opsional).
- Terakhir, klik Simpan.
mudah kan. good luck..
Tidak ada komentar:
Posting Komentar