Membuat Navbar Blogger Auto Hide

Selamat pagi para pembaca yang budiman, bagi yang hari ini cuti, mungkin masih santai-santai di rumah sambil menikmati mie ayam hangat dengan secangkir teh pahit menambah kenikmatan di pagi hari. sambil buka dan baca-baca materi untuk di pelajari, terlintas dalam pikiran .... Apakah bisa membuat navbar blogger yang selalu mejeng di bagian atas judul tuh bisa menjadi auto hide, alias navbar akan muncul kalo si kursor kita dekatkan ke navbar. ya mirip taksbar yang di auto hide ... kira-kira seperti itu penjelasannya...
Googling di internet, akhirnya ketemu dengan script yang bisa menjadikan navbar menjadi auto Hide ... Wow hebat ya tuh script ... yabisa di bilang begitu ... Nah trus apanya yang beda dengan postingan kali ini ...
Sebenarnya ga ada yang beda sama aja intinya ... Tapi qta memanfaat kan fitur yang disediakan oleh blogger untuk menambahkan kode CSS tanpa membahayakan template atai blog itu sendiri. Pssti tambah bingung ...
Caranya bagaimana, gini aja deh, qta langsung ke Tempat Kejadian aja ...
  1. Login ke blogger dengan akun anda
  2. setelah berhasil login , didalam tampilan dasbor anda pilih rancangan
  3. kemudian pilih Perancangan Template.
  4. Kemudian pada tampilan perancangan template, pada menu sebelah kiri pilih Tingkat Lanjut
  5. Kemudian pada tampilan menu tingkat lanjut, pilih tambahkan CSS
  6. lalu pada kota CSS di sebelah kanan, Pastekan script di bawah ini :

    #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

    #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
  7. Setelah itu, klik terapkan ke blog yang ada di kanan atas.
  8. kemudian lhiat hasinya, dengan mengklik lihat blog atau merefresh blog anda.
Gimana, mudahkan. Semoga apa yang qta bagi hari ini dapat bermanfaat bagi sesama
Salam Hangat ...

Posting Komentar

0 Komentar