Kamis, 17 Januari 2013

SIMPLE NAVBAR ALA DICKEYMARU

Buat om DickyMaru saya mau ijin copas ya...

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.

Semoga Berhasil.

0 komentar:

Posting Komentar


Get this widget!

Ingat Waktu!

Program Pendukung

SMS Gratis ^_^

©2013©Geva's Blogger©2013©. Diberdayakan oleh Blogger.

Followers

POST LIST

Translate

English French German Spain Italian Dutch

Russian Brazil Japanese Korean Arabic Chinese Simplified