November 04, 2009

Navbar Blogger Auto Hide

Cara Membuat Auto Hide Navbar Blogger
Mungkin bagi sebagian blogger, Navbar yang ada di bagian atas halaman blogger dirasa sangat mengganggu tampilan, kalo temen saya bilang mengurangi ke"kerenan" blog katanya. Tapi bagi sebagian blogger sepertinya biasa saja dan tidak ada masalah.
Persoalan ini sebenarnya menjadi agak gimana gitu.. ada wacana yang berkembang bahwa menghilangkan sama sekali Navbar adalah di larang oleh blogger.com. Namun banyak sekali blogger yang melakukannya dan sampai saat ini tidak ada laporan maupun berita ada blog yg di tutup karena menghilangkan Navbar blogger.
Nah.. kalo menurut saya pribadi, memang kayaknya kurang etis, karena ada kesan bahwa menghilangkan navbar tersebut seperti ingin membuang cirikhas blogger, Padahal ini jelas tidak mungkin, kecuali Anda telah membeli .com, .net, dan dot dot yang lain. Atau mungkin seperti kasus "kacang" yang berusaha untuk melupakan "kulitnya". Itu menurut saya.
Untungnya, di dalam blogger ada fitur yang memberikan jalan tengah untuk permasalahan ini, yaitu fitur Navbar Transparan, di mana Navbar tidak hilang sama sekali melainkan menjadi transparan (tembus pandang) dan anda bisa menyesuaikan warna navbar dengan warna dominan blog anda sehingga tidak terlalu mencolok (maaf: mata).
Mungkin ini dianggap solusi terbaik oleh pengelola blogger.com untuk para blogger. Namun demikian, sepertinya ini belum cukup untuk para blogger, buktinya lebih banyak blogger yang lebih condong untuk menghilangkan dengan sepenuh hati Navbar pada halaman webnya.
Nah menurut saya, ada pilihan yang terbaik selain membuat navbar tetap berdiri dan membuat navbar transparan, yaitu dengan membuat Navbar Auto Hide. Bagaimana caranya? simak saja..

  1. Login dengan ID blogger anda
  2. Pilih Elemen Halaman
  3. Pilih edit HTML
tidak perlu mencontreng Expand Template
cari kode spt ini:

-----------------------------------------------
Blogger Template Style
Name:    Thisaway
Designer: Dan Rubin
URL:      www.superfluousbanter.org
Date:     29 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

nah tepat di bawah kode tersebut copy dan paste kode di bawah ini:

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

Langkan selanjutnya klik Save dan navbar anda menjadi Auto hide.
Matur nuwun alias terimakasih.. semoga bermanfa'at..Amiin.. 

4 komentar:

  1. Saya menemukan cara yang lebih baik, yaitu menggunakan jQuery. Jika anda pernah membaca artikel o-om tentang image opacity dengan jQuery, hal tersebut dapat dengan mudah diterapkan pada navbar..
    contohnya ada di http://scriptskirt.blogspot.com

    BalasHapus
  2. Gampang ya..
    tinggal copy trus paste trus udah..
    jadi dech auto hide navbar blog ku

    BalasHapus
  3. semangatt..... nice info... gan.... happy blogging..

    BalasHapus
  4. semangatt..... nice info... gan.... happy blogging..

    BalasHapus

Senang sekali jika bersedia menulis komentar, baik berisi kritik, saran, sekedar say hello atau bahkan hinaan.

Komentar "Anonim" bernada tidak sopan, spam dan mengandung kata "kotor" tidak akan di publish!.