Publikasi Blog Teman-Teman Disini Dengan Meninggalkan Komentar...Indonesian Google Segera Menjadikan Anda Sebagai Teman...Salam Blogger...
  • Login
  • Jumat, 15 Juli 2011

    Cara Menghilangkan Navbar pada Blogger/Blogspot

    Teman - Teman pasti tau kan gambar dibawah ini. Namanya Navbar teman. Sebagian besar teman2 blogger menghapus Navbar pada blognya. Mengganggu banget, ia ga bro...hehe....




    Nah, saya coba Sharing ne, bagaimana cara menghilangkan Navbar. Sehingga blog impian menjadi kenyataan...haa...!!.. :)

    Sebelumnya Login dulu pada Blogger, lalu klik TEMPLATE.

    Cara pertama.
    Diantara kode <body>, letakkan kode <noembed> dan </noembed>

    <noembed> <body> </noembed>

    Cara kedua.
    Diantara kode <body> letakkan kode <noscript> dan </noscript>

    <noscript> <body> </noscript>

    Cara ketiga
    Copy dan paste kode dibawah ini dan letakkan diantara <style> dan </style> pada <head>.

    #b-navbar {
    height:0px;
    visibility:hidden;
    display:none
    }
    seperti contoh
    <style type="text/css">
    #b-navbar {
    height:0px;
    visibility:hidden;
    display:none
    }
    </style>

    Cara keempat.
    Copy dan paste kode dibawah ini dan letakkan diantara <head> dan </head>

    <script type="text/javascript">
    var showHeader=false;
    function ShowHideNav()
    {
    showHeader=!showHeader;
    var nav=document.getElementById("navbar-iframe");
    if (showHeader)
    {
    nav.style.visibility="visible";
    nav.style.display="block";
    }
    else
    {
    nav.style.visibility="hidden";
    nav.style.display="none";
    }
    }
    </script>
    <style type="text/css">
    #navbar-iframe {
    visibility: hidden;
    display: none;
    }
    </style>

    Sebagai navigasi, anda bisa pasang button untuk menampilkan atau menyembunyikan navbar pada blog anda.Copy dan paste kode dibawah ini dan letakkan dibagian lain dari halaman blog anda.Bisa di side bar atau dimana saja sesuai dengan keinginan anda.

    <span style="cursor:pointer;" onclick="ShowHideNav();">
    Show/Hide Navigation
    <a style="visibility:hidden;" href="http://marchsya.blogspot.com"> </a>
    </span>

    Di blog Indonesian Google, untuk menyembunyikan navbar, saya memilih cara ke empat.
    Dicoba ya broo...

    KLIK IKLAN DIBAWAH INI , BIAR GAUL CHOOYY...

    0 komentar:

    Posting Komentar