Selasa, 28 Juni 2011

Cara Membuat Auto Hide Navbar Pada Blogspot

A
pa itu navbar..?? Navbar adalah bagian yang terlihat pada bagian teratas blog kamu. Yang mana pada bagian tersebut terdapat tulisan Entri Baru, Rancangan, dan Keluar. Nah, ada beberapa temen blogger yang ingin menghilangkan navbar ini, hal ini tentu saja melanggar peraturan yang telah ditetapkan oleh Blogspot. Namun untuk mewujudkan keinginan Anda tanpa menghilangkan navbar secara permanen, Anda bisa kok menyembuyikan navbar tersebut dengan auto hide navbar. Penasaran..??? Berikut cara membuat auto hide navbar pada blogspot :

[1]. Login Blogspot
[2]. Klik Rancangan kemudian Edit HTML
[3]. Silahkan Anda cari kode body {, kemudian copas script berikut ini dan letakkan di atas kode body { tadi
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
Sehingga formatnya menjadi seperti ini :
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
[4]. Jika sudah, silahkan klik Simpan Template dan lihat hasilnya di blog Anda

Silahkan Anda arahkan mouse pada bagian teratas blog Anda, maka akan muncul navbar yang telah disembunyikan. Apabila mouse Anda arahkan ke tempat lain, maka navbar akan kembali hilang atau tersembunyi kembali.

Saya kira cukup sekian saja pembahasan cara membuat Auto Hide Navbar pada Blogspot. Jika ada pertanyaan silahkan Anda tuliskan komentar Anda di kotak komentar di bawah ini.

Selamat mencoba dan semoga bermanfaat..

9 komentar:

  1. bagus juga ini infonya gan, follow back y gan http://ketawajedikman.blogspot.com

    BalasHapus
  2. @ jemmykt
    Matur nuwun mas n silahkan dicoba di blog Anda untuk membuktikannya, hehe5..
    Selamat mencoba, mas..
    Oiya, followback telah berhasil, silahkan dicek di widget followers blog Anda..

    BalasHapus
  3. Nice blog! Sejuk nie sob,salam kenal!

    BalasHapus
  4. Komentar saya ko ga muncul sob? Thank infonya ya!

    BalasHapus
  5. @ Er'end
    Maaf mas, setiap komentar yang masuk di blog saya ini harus melewati proses moderasi. Jadi harap maklum jika begitu Anda komentar tidak langsung muncul di kolom komentar, hehe5..
    Btw, matur nuwun mas dah singgah di blog saya n salam kenal balik, mas..

    BalasHapus
  6. @ Blogging dan internet
    Oke..
    Semoga bermanfaat ya mas infonya..
    N matur nuwun dah nyempatkan diri tuk nongkrong di blog saya, mas..

    BalasHapus
  7. Terima kasih gan...
    Kunjungan kalik nya...

    BalasHapus
  8. @ Bahlul Putra
    Oke, sama-sama mas..
    Sekarang saatnya kunjungan balik ke blog'e sampeyan, hehe5..
    Meluncuuuurrr...

    BalasHapus


Facebook Comment Box : "Silahkan berikan komentar Anda mengenai tampilan dan isi blog saya ini untuk membangun blog ini jadi lebih baik lagi . . ."