Modifikasi Navbar Blogger dengan Efek Opacity

Kali ini artikel aryakusumadana memberikan solusi mudah untuk menanggapi masalah Navbar Blogger, ada beberapa sahabat yang menanyakan Bagaimana caranya agar tidak mengganggu penampilan blog dengan adanya Navbar tetapi tidak melanggar TOS (term of service) Blogger ? dan Solusinya ?

Karena sebelumnya kita telah membahas masalah navbar yaitu menghilangkan navbar adalah melanggar TOS blogger, dan jikalau kita memasang Navbar tersebut mengganggu penampilan Blog kita. maka solusinya adalah membuat Navbar tersebut seakan tidak ada, melainkan ada ketika crusor mouse kita berada pada bagian navbar (atas), atau bisa kita namakan antara ada dan tiada.

Semua itu dengan cara memodifikasi tampilan Navbar dengan Efek Opacity. tampilannya seperti yang artikel arya kusumadana gunakan.

Cara membuatnya sangatlah mudah :


Bagi Template yang tidak terdapat Navbar pada tampilan Blog :

1. Setelah Login Blogger
2. Kemudian Tata Letak ~> edit HTML
3. Cari kode #navbar-iframe atau lengkapnya seperti ini :

#navbar-iframe{display:none;height:0;visibility:hidden;}

4. Ganti semua kode tersebut dengan :

#navbar-iframe{opacity:0.0; filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0; filter:alpha(Opacity=100,FinishedOpacity=100)}

5. Simpan dan Selesai lihatlah hasilnya..



Bagi Template yang terdapat Navbar pada tampilan Blog :

1. Setelah Login Blogger
2. Kemudian Tata Letak ~> edit HTML
3. Cari kode :

<b:skin><![CDATA[

4. masukkan kode dibawah ini setelah kode diatas :

#navbar-iframe{opacity:0.0; filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0; filter:alpha(Opacity=100,FinishedOpacity=100)}

5. Simpan dan Selesai lihatlah hasilnya..


Beberapa pilihan tampilan Navbar Blogger :


Note : Pada Tata Letak ~> elemen Halaman Pilihlah Navbar yang transparan agar sesuai nantinya dengan warna background blog kita pada saat Navbar tampil.