Mar 19, 2013

Cara membuat Navbar keren di blog


Cara membuat Navbar keren di blog

Assalamualaikum...
Kali ini Saya Penulis baru blog ini akan mempublikasikan tentang "Cara membuat navbar keren di blog"
Oke..
Langsung aja...

- Pertama log in ke akun blogger sobat

- Klik Template > Edit HTML

- Lalu cari kode ini ]]></b:skin> letakkan kode berikut diatas 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;}
- Lalu cari lagi kode <body> letakkan kode ini diatas 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> 

Sekian..
Salam coment...