rss

Supports

Peluang bisnis Kursus Online lowongan kerja di rumah
Adsense Indonesia saga-islamicnet
Just an ordinary blogger from urban city bekasi who want to be exist in cyberworld during learn and know bout blog also understanding internet world so i can share, study together in ensiblogpedia. Hanya seorang blogger biasa dari kota urban Bekasi yang berkeinginan untuk bisa eksis di dunia maya sambil belajar dan mengenal blog serta memahami dunia internet untuk bisa berbagi bercerita dan belajar bersama di ensiblogpedia ini.
Browse » Home » » Menghilangkan Navbar pada blogger

Thursday, 7 January 2010

Menghilangkan Navbar pada blogger

Bagi pemakai blogger.com / blogspot yang merasa kurang sreg dengan adanya Navbar (navigation bar) dan berkeinginan untuk “menyembunyikan”nya atau menghilangkannya dari pandangan pengunjung, Anda bisa memakai kode berikut. Letakkan kode di bawah di kode CSS template Anda. Copy/paste salah satu kode berikut:

Cara 1
  • Login ke dalam blogger
  • Masuk ke menu Layout - Edit HTML - centang Expand widget template
  • Copykan kode berikut ini di dalam tag head ( <head> Kode </head> )

    #navbar-iframe {
    display: none !important;
    }


  • contohpada template minima

    <head>
        <b:include data='blog' name='all-head-content'/>
        <title><data:blog.pageTitle/></title>
        <b:skin><![CDATA[/*
    -----------------------------------------------
    Blogger Template Style
    Name:     Minima
    Date:     26 Feb 2004
    Updated by: Blogger Team
    ----------------------------------------------- */
    #navbar-iframe {
    display: none !important;
    }


Cara 2
  • Login ke dalam blogger
  • Masuk ke menu Layout - Edit HTML - centang Expand widget template
  • Copykan kode berikut ini di dalam tag style ( <style> Kode </style> )

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


  • contohpada template minima

    a:hover {
      color:$titlecolor;
      text-decoration:underline;
    }
    a img {
      border-width:0;
      }

    /* Header
    -----------------------------------------------
     */
    #b-navbar {
    height:0px;
    visibility:hidden;
    display:none}

    #header-wrapper {
      width:660px;
      margin:0 auto 10px;
      border:1px solid $bordercolor;
      }


Biasanya jika kamu menggunakan template luaran (selain template standar blogger), navbar ini sudah disembunyikan atau hilang, namun jika belum cara di atas dapat menjadi alternatif. Semoga bermanfaat dan selamat mencoba.



Related Post:

Enter your email address to get the newest article here:



Delivered by FeedBurner
Bookmark and Share
Posted by Admin at 09:43
Labels:

2 comments:

akhatam on 4 February 2010 at 16:03 said...

Wah keren sob.. Keep blogging..

Resia on 7 February 2010 at 11:23 said...

Makasih, doakan semoga blog ini berhasil...


Post a Comment

Saran, kritik, masukan, berikan semuanya ke ensiblogpedia agar blog ini dapat lebih maju untuk belajar bersama.

Subscribe to: Post Comments (Atom)
Add to Google

Enter your email address to get the newest article here:



Delivered by FeedBurner


Followers