Headline

Buat sobat blogger yang menjumpai komentar kasar dan mengatasnamakan OzieCyber, silahkan baca dan laporkan disini.
Unduh Adobe Flash player

close

~Affiliates~

 

Bantu saya vote +1 pada tombol google plus di bawah!!

×

flang counter

free counters

Simple Navbar Ala OzieCyber

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 .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;}
Press CTRL + C to copy

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>
Press CTRL + C to copy

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.

Untuk logo atau favicon blog kamu (yang ada di pojok kiri navbar, itu akan muncul otomatis mengikuti favicon blog kamu). Kalau belum pasang favicon, silahkan pasang faviconnya dulu.
Semoga berhasil :D

Related Post :

Comments
0 Comments


0 komentar:

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p: :q:

Berikan Tanggapan mengenai Artikel Di Atas :

Berkomentar Lah Dengan Sopan :

=> Hahahaha ...xD
=> Blog Ini bebas Mau Berkata Apa Asal Sopan ...Azzzz
=> #Peace ALL

Terima Kasih Sudah Berkomentar .. !!

-----
pin 284A465C Gunakan Browser Google Chrome Versi Terbaru, Agar Tampilan Blog Ini Maksimal.