Cara Membuat Menubar dan Sub Menubar di blogger

Hy Sob Kali ini saya ingin share "Cara Membuat Menubar dan Sub Menubar". Cara nya simple kalau kamu simak dengan betul. Menu Bar dapat mempercantik blog kita dan mempermudah pengunjung melihat atikel kita yang telah kita kelompokan menjadi satu dan di letakkan di menubar.

OK LANGSUNG SAJA SIMAAKK!!

1. Buka Akun Bloggermu

2. Template, Edit HTML
(Pertama-tama Backup Dulu caranya copy kan semua script yang ada di EDIT HTML itu lalu pastekan di notepad atau lainnya, apabila terjadi crash pindahkan script yang ada di notepad tadi ke EDIT HTML)

3. Lalu Letakan Kode ini diatass ]]></b:skin> biar mudah tekan Ctrl + F lalu cari tulisan berwarna merah tadi . ini kodenya

#menubar{
border-bottom:4px solid #ff0000;
width:1025px;
height:32px;
background:#000000;
float:center;
margin-bottom:3px;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
float:left;
padding:8px 12px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
background: #ff0000;
color: #fff;
text-decoration:none;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #ff0000;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #000000;
color: #ffffff;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##ff0000;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}       
- See more at: http://langkah2membuatblog.blogspot.co.id/2012/12/cara-membuat-menu-bar-di-blogspot.html#sthash.uwxZ10nh.dpuf

Dan Copy Code di bawah Ini Lalu Letak Kan Sesuai Keinginan kamu. Lihat ini:
1. paste diatas <body //Di bagian atas laman
2. paste diatas <div class='header-outer'> //Di atas Header
3. paste di atas <div class='main-outer'> //Di bawah Header

Baca: Cara Membuat Tombol Home Di Menu Bar!
JIKA Ingin Belajar Untuk Menambah kan Menu nya KLIK DISINI

Sekian dari Saya. Jika Mau Menubar Tetap ada ketika Di scroll BACA INI
TRIMS dan SAMPAI JUMPA LAGI

BY: YOUELZ ZITOROES

Search This Blog

ZYMER

Cara Membuat Menubar dan Sub Menubar di blogger

Comments

Post a Comment

Popular posts from this blog

Cara Membuat Google Maps Dengan Visual Basic 6 (VB6)

Cara Membuat Efek Dispersion di Photoshop

Cara Membuat Komentar Facebook di Blog