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/AVvXsEj0WAEvnegznIjTkB9mMzf5kfX-NDZwlKPK-v_x1uWn_eHRPL5pv4dpe75LvFsk6LkLFsBcNHrG3eWtu2caJKXUReHXsWzT20mQLYHBBAuS4H_A7b1g7Se8Df7r3Oi9ZvaYiB5waJ9-eYlu/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.