Minggu, 29 September 2013

1 Cara Cepat Pasang Menu Bar di Blogspot

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:) .

1 komentar:

teguh wiyono mengatakan...

mAKSIH MAS,,,SNGT MMBTU SKLI

Poskan Komentar

 

Copyright 2013 © S.A.DI.S ( Semua Ada Di Sini )