Menu Bar Saat ini sering di cari Cara pemasangannya. Selain mempercantik dan mempermudah pengunjung menemukan hal menarik di blog kita, Menu bar juga dapat menjadi Trend :)
nahh... Di sisni saya akan menunjukkan cara meletakkan dan menunjukkan codenya, yang mana sering kali kita salanh meletakkan nya dan hasilnya Blog kita buyarr; weww jadi pusing dehh memperbaikinya lagi kalau belum cukup mengenal Html code.
Oke pertama-tama agan-agan :
1. Buka akun bloggernya
2. Buka Template
3. lalu klik edit HTML
4. kemudian copy semua code HTML lalu simpan atau letakkan pada notepad.(hal ini untuk berjaga-jaga kalau saja nanti gagal ketika menambahkan Menu bar nya hingga menyebabkan code html rusak)
5. nahhh.... selanjutnya copy code di bawah ini ;
"
#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
}
"
6. Selanjutnya cari code seperti ini >> ]]>
7. Setelah anda menemukan kode tersebut maka letakkan code tersebut di atasnya,
8. Dan selajutnya anda copy code di bawah ini ;
9. Setelah meng copy code di atas maka selajutnya mencari code ini :
10. jika sudah menemukan kode tersebut maka selanjutnya letakkan code tersebut di atasnya :)
Note: tanda hastag (#) di ganti dengan URL yang di inginkan !
Demikian 1 cara cepat pasang menu bar di blogspot. Jika anda bingung silahkan contact me ya:) .