Cara Membuat Simple Navbar

Cara Membuat Simple Navbar


Pertama, masuk ke Blogger Kamu, lalu Ke TabRancangan >> Edit HTML

Kamu copy kode dibawah ini:

#DADnavbar{
font-family:Comic Sans Ms;
background:url(/favicon.ico) no-repeat center left fixedBLACK;
border:1px solid ORANGE;
padding:2px;
z-index:10000;
top:1px;left:1px;right:1px;
position:fixed;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#DADnavbar .dmnavleft{float:left;text-align:center;font-size:11px;font-style:normal;font-weight:bold;color:white;padding:2px 10px;}
#DADnavbar .dmnavright{float:right;padding:0px 2px;}

Lalu masukin kode tersebut diatas kode

]]></b:skin>

Kamu ganti kode BLACK dengan warna background navbar kamu (kamu ganti sendiri).
Trus kamu ganti 1px solid ORANGE
1px --> Ketebalan border
ORANGE --> Warna Border, kamu ganti sendiri.

<div id='DADnavbar' style='position:fixed;'>
<span class='dmnavleft'>

GANTI TEXT INI DENGAN KATA KATAMU SENDIRI (sebelah kiri)

</span>
<span class='dmnavright' style='font-family:verdana;'>

GANTI TEXT INI DENGAN KATA KATAMU SENDIRI (sebelah kanan)

</span></div>

Masukan kode tadi di atas kode ini:

</body>

(ada di bagian bawah template)

Kamu ganti yang berwarna BIRU dengan content yang mau ditambahkan ke navbar kamu.