Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Auto Hide pada Navbar Blog

Membuat Auto Hide pada Navbar Blog
Merasa terganggu apa tidak dengan navbar? Mungkin ada yang merasa terganggu, makanya dulu pernah ada pelajaran untuk menghilangkan navbar. Sampai-sampai tidak hanya di blogger.com tapi juga di blogdetik navbarnya bisa kita hilangkan.

Sebenarnya navbar itu juga ada manfaatnya, yaitu untuk login atau menuju dasbor. Bahkan ada juga fitur untuk berbaginya (share) ke sosial media seperti twitter dan facebook. Oleh sebab itu kalau akan diberikan solusinya, dengan membuat auto hide pada navbar, kalau mouse kita gerakan di navbar maka akan muncul dan jika tidak ya akan tersembunyi.

Cara  Membuat Auto Hide pada Navbar Blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode body {
6. Jika sudah ketemu taruh kode berikut di atasnya:

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

7. Simpan Template jika sudah selesai.

18 komentar untuk "Membuat Auto Hide pada Navbar Blog"

  1. SO.NICE YOUR INFORNYA KAK. ;) :)]

    BalasHapus
  2. thanks gan infonya.. :)

    <a href

    BalasHapus
  3. mas kurnia kalau saya menghapus navbar menghapus TOS ngak yah??

    BalasHapus
  4. keren triknya gan...klo yg ini ngga bakalan ngelanggar TOS nya blogspot kynya ya??..langsung ane coba deh di TKP..xixixi

    BalasHapus
  5. terima kasih infonya...
    kunjungi blog saya...
    pointband-musik.blogspot.com
    maaf saya masi pemula hehehehehe :)) :))

    BalasHapus
  6. thanx sob

    BalasHapus
  7. terimakasih infonya, sangat simple tapi bermanfaat

    BalasHapus
  8. info yang berguna,,,,,,,
    thanks ka".................

    BalasHapus
  9. sangat penting nih untuk blogging!
    makasih ya kak...
    :X

    BalasHapus
  10. bro text bodi nya banyak yang mana ni

    BalasHapus
  11. TOKO HANDPHONE TERBESAR TERLENGKAP TERMURAH TERPERCAYA NABILA SHOP Produk dijamin asli orginal.Dapatkan harga promo Nabila Shop Barang yang Kami Tawarkan Semuanya Barang ASLI ORGINAL Ada Garansi Resmi Distributor dan Garansi TAM 2 bebas resiko bebas penipuan.
    Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-SMS 085-757-299-675 ATAU KLIK WEBSET RESMI KAMI http://nabilashop77.blogspot.com
    Ready Stock! Samsung Galaxy S4 Mini Rp.2,500.000
    Ready Stock! Apple iPhone 5 Rp.2,700.000
    Ready Stock! BlackBerry 9380 Orlando - Black.Rp.900.000,-
    Ready Stock! BlackBerry Curve 8520 Gemini.Rp.500.000,-
    Ready Stock! BlackBerry Bold 9780 Onyx 2.Rp.800.000,-
    Ready Stock! Blackberry Curve 9320.Rp.700.000,-
    Ready Stock! Samsung Galaxy Note 10.1.Rp.2,500.000.
    Ready Stock! Samsung Galaxy Tab 2 (7.0).Rp. 1.000.000
    Ready Stock! Samsung Galaxy S III Mini.Rp.1.800.000.
    Ready Stock! Samsung Galaxy Nexus I9250 - Titanium Si.Rp.1.500.000,-
    Ready Stock! Samsung Galaxy Note N7100.Rp.2.500.000.
    Ready Stock! Samsung Galaxy Note N7000 - Pink.Rp.1.700.000.
    Ready Stock! Samsung Galaxy Y S5360 GSM - Pure White.Rp.500.000

    BalasHapus

Berlangganan via Email