Cara Membuat NavBar Dengan Background Gradient Hover

Pada Tips Blog yang sip ini Wahyu akan menjelaskan tentang Cara Membuat NavBar Dengan Background Gradient. Saya juga menggunakan NavBar Background Gradient Hijau dengan Hitam.
Mungkin diantara anda masih ada yang mempertahankan Navbar ciptaan Blogger, dan bingung cara mempercantiknya. Langsung aja!!!

1. Pilih Rancangan
2. Pilih Edit HTML
3. Cari kode atau cari kode #navbar nya saja

#navbar-iframe
{background:yellow;position:fixed;top:0;opacity:0.4;filter:alpha(Opacity=40)}

Lalu ganti semua kode DIATAS dengan Kode DIBAWAH ini

#navbar-iframe
{background:#ddd -moz-linear-gradient(top,  #0ff000,  #000);background:-webkit-gradient(linear, left      top, left bottom, from(#0ff000), to(#000));}
#navbar-iframe:hover
{background:#ddd -moz-linear-gradient(top,  #000,  #000ff0);background:-webkit-gradient(linear, left      top, left bottom, from(#000), to(#000ff0));}

Catattan: 

Sobat harus menggunakan NavBar Transparan

Terakhir Klik simpan Template Dan lihat hasilnya.

SEMOGA BERMANFAAT