kali ini saya akan share Cara Membuat Navbar Keren!!!
hmm..., biarpun mata saya dah 5 watt, tapi saya bela-belain deh untuk share sama om & tante blogger.
ok langsung saja ya
hmm.., sebelumnya dah pada tau kan Navbar itu apa?
itu loh yang ada di bagian paling atas blog
nah dah tau kan?
kalo dah tau langsung aja deh kita praktekin ok!!!
contoh navbarnya, itu loh yang ada di bagian paling atas di blog saya
gimana keren kan?
heheh
ok Pertama-tama :
- Login ke blogger.
- lalu klik rancangan.
- klik edit HTML
cari kode
]]></b:skin>
biar lebih gampang tekan aja CTRL+F/F3
kalo dah ketemu lalu taruh kode di bawah ini di atas kode ]]></b:skin>
#REVIVALnavbar{font-family:Fontdiner Swanky,Geo;background:rgba(0,0,0, 0.75);border:1px solid blue;padding:2px 0;z-index:999;top:1px;left:1px;right:1px;position:fixed;-moz-border-radius:10px;-webkit-border-radius:10px;}
#REVIVALnavbar .left{float:left;text-align:center;font-size:11px;font-style:normal;font-weight:bold;color:white;padding:2px 10px;}
#REVIVALnavbar .right{float:right;padding:0px 2px;}
#REVIVALnavbar a{color:orange;text-shadow:none;-moz-outline-style:none;}
#REVIVALnavbar a:hover{color:cyan;border:0px;-moz-outline-style:none;}
Next cari kode
<body>
terus taruh kode di bawah ini di atas kode <body>
<div id='REVIVALnavbar' style='position: fixed;'>
<span class='left'><img align='top' alt='REVIVAL' height='20' src='isi dengan URL kalian' width='20'/></span><span class='left'>
isi dengan Text kalian</span></div>
hmm kalo pengen Textnya bisa bergerak seperti saya tinggal masukan kode <marquee> di dalamnya
contoh :
<div id='REVIVALnavbar' style='position: fixed;'>terakhir klik simpan template
<span class='left'><img align='top' alt='REVIVAL' height='20' src='isi dengan URL gambar kalian' width='20'/></span><span class='left'><marquee>
isi dengan Text kalian</marquee></span></div>
and jangan lupa di partinjau dulu ya
ok selesai deh
semoga artikel saya kali ini bermanfaat buat om & tante blogger
heheh
salam blogger!!!
10 komentar:
Muantaaap Gann,,,
Sukses terus Gannn,,
sep gan :)
thanks for comments
Ok mas bro!!!
Visit back www.zlayerkiller.blogspot.com
inspirasi....
bang, buat background kayak ente gimana caranya bang?
@aditya fahrezi sory bang rahsaia prusahaan nih :')
blog ini menggunakan JQuery dan css
blajar dulu aja apa itu Jquery dan css
kereen abis gaan . jadi iri ane
kunjungi bali ya blog ane www.rendibocor.co.cc
Cucok gun
klo ada tips yg lainnya jga yaa
Contoh navbarnya seperti apa nih?
super mantap ha haaaa