Simple Navbar Ala DickeyMaru™

Sorry yah, baru bisa ditulis. Gak usah basa basi lagi, langsung aja bikin yok!!!! :D

Pada penasaran ama navbar diatas?
Yang kayak gini itu loh:

Nah, mari kita buat :D


Pertama, masuk ke Blogger Kamu, lalu Ke Tab Rancangan >> Edit HTML

Kamu copy kode dibawah ini:

#DADnavbar{
font-family:Comic Sans Ms;
background:url(/favicon.ico) no-repeat center left fixed BLACK;
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 .left{float:left;text-align:center;font-size:11px;font-style:normal;font-weight:bold;color:white;padding:2px 10px;}
#DADnavbar .right{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='left'>

GANTI TEXT INI DENGAN KATA KATAMU SENDIRI (sebelah kiri)

</span>
<span class='right' 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.

• 
• 
• 
• 
• 
• 
•