Cara Membuat Navbar Keren

 

Nah..gini cara buatnya sob:
1.Login ke akun blogger sobat.

2.Klik Rancangan-->Edit HTML-->Centang kotak Expand Template Widget

3.Cari kode ]]></b:skin>

4.Copy kode di bawah ini tepat di atas kode ]]></b:skin>

#Aldinavbar{font-family:Comic Sans Ms,Geo;background:rgba(0,0,0, 0.75);border: 2px solid #6d5d96;
-moz-border-radius: 10px;padding:2px 0;z-index:999;top:1px;left:1px;right:1px;position:fixed;-moz-border-radius:10px;-webkit-border-radius:10px;
}
#Aldinavbar .left{float:left;text-align:center;font-size:11px;font-style:normal;font-weight:bold;color:white;padding:2px 10px;}
#Aldinavbar .right{float:right;padding:0px 2px;}
#Aldinavbar a{color:orange;text-shadow:none;-moz-outline-style:none;}
#Aldinavbar a:hover{color:cyan;border:0px;-moz-outline-style:none;}

5.Cari lagi kode </head>
6.Copy dan pastekan kode di bawah ini tepat dibawah kode </head>

<div id='Lutfienavbar' style='position: fixed;'>
<span class='left'><img align='top' alt='Aldi' height='20' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi769dYyHTz01aJtu7U924kXHLFdpkAud1HK3Wj9HbvLzzb095kzO7K2QmuLC77w-SXmwiMZZLvq27AxSfD5lFpEz_VbB8Pm6b7WTyma3DR69VVg1BIyFTxFDdhkZSSWFr3El1ZWBDWvGAu/s320/Untitled.png' width='20'/></span><span class='left'>Anda Bebas Mengcopy Atau Menyebar Luaskan Artikel Ini Asalkan Anda Menyertakan Link Sumbernya.Hargailah Hasil Karya Orang Lain...!!!</span>
<span class='right'>
</span></div>

7.Ganti teks yang berwarna merah sesuai dengan keinginan anda.
8.Simpan dan lihat hasilnya.
Like artikel ini ya gan !

Sumber : http://aldirayfaldoputra.blogspot.com/2012/06/cara-membuat-navbar-seperti-saya-ala.html#ixzz2HdYACCFV