Hide the Nav Bar in Blogger Beta

Discussion in 'Blogging' started by Tyler Banfield, Oct 25, 2006.

0
  1. #1
    Paste this code after <style type="text/css">:
    #navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }

    Courtesy of Basang Panaginip
     
    Tyler Banfield, Oct 25, 2006 IP
  2. Cheap SEO Services

    Cheap SEO Services <------DoFollow Backlinks

    Messages:
    16,664
    Likes Received:
    1,318
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I knew you would find a way! Of course credit to the original coder. Tyler YOU DAMANNNN!

    Col :)
     
    Cheap SEO Services, Oct 25, 2006 IP
    Tyler Banfield likes this.
  3. ahkip

    ahkip Prominent Member

    Messages:
    9,205
    Likes Received:
    647
    Best Answers:
    0
    Trophy Points:
    310
    #3
    does it against TOS. There is a option not to show the nav bar in the dashboard
     
    ahkip, Oct 25, 2006 IP
  4. bnts

    bnts Well-Known Member

    Messages:
    2,329
    Likes Received:
    310
    Best Answers:
    0
    Trophy Points:
    165
    #4
    I don't see that option...Can you please guide me...


    EDIT:

    Hi TYLER,
    I just tried to do that but I can't find the code: <style type="text/css"> anywhere in my template..:(
     
    bnts, Oct 25, 2006 IP
  5. vithca

    vithca Guest

    Messages:
    278
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #5
    It can only be disabled if you have your own hosting I believe.

    To quote from Blogger "Unless you publish your blog via FTP, the Navbar cannot be disabled."
     
    vithca, Oct 25, 2006 IP
  6. ahkip

    ahkip Prominent Member

    Messages:
    9,205
    Likes Received:
    647
    Best Answers:
    0
    Trophy Points:
    310
    #6
    In the tamplate screen, you can choose the color of Nav bar..just choose "off"

    not sure about that cause i always have my own domain;)
     
    ahkip, Oct 25, 2006 IP
  7. Tyler Banfield

    Tyler Banfield Well-Known Member

    Messages:
    3,027
    Likes Received:
    173
    Best Answers:
    0
    Trophy Points:
    160
    #7
    You can disable it, Blogger doesn't enforce their policy (it's actually outdated and has not been updated from back when there were ads at the top of every blog)
     
    Tyler Banfield, Oct 25, 2006 IP
  8. bnts

    bnts Well-Known Member

    Messages:
    2,329
    Likes Received:
    310
    Best Answers:
    0
    Trophy Points:
    165
    #8
    Thanks for the info, I will just look out for that...

    But Tyler, you missed to answer my question, I can't find the code in my blogger beta template...
     
    bnts, Oct 25, 2006 IP
  9. Tyler Banfield

    Tyler Banfield Well-Known Member

    Messages:
    3,027
    Likes Received:
    173
    Best Answers:
    0
    Trophy Points:
    160
    #9
    I haven't actually ever looked at the template, so you'll need to post a screenshot here...it should be located at the very top of the template. Here's what it looks like on a regular .Blogspot blog:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>

    <title><$BlogPageTitle$></title>

    <$BlogMetaData$>

    <style type="text/css">
     
    Tyler Banfield, Oct 25, 2006 IP
    bnts likes this.
  10. bnts

    bnts Well-Known Member

    Messages:
    2,329
    Likes Received:
    310
    Best Answers:
    0
    Trophy Points:
    165
    #10
    But the beta Template here shows something a bit different...

    Here is a quote:

    Please help me find it.

    Thanks.
     
    bnts, Oct 25, 2006 IP
  11. ahkip

    ahkip Prominent Member

    Messages:
    9,205
    Likes Received:
    647
    Best Answers:
    0
    Trophy Points:
    310
    #11
    give me your url instead

     
    ahkip, Oct 25, 2006 IP
    bnts likes this.
  12. bnts

    bnts Well-Known Member

    Messages:
    2,329
    Likes Received:
    310
    Best Answers:
    0
    Trophy Points:
    165
    #12
    My blog is HERE

    Thanks for the help:)
     
    bnts, Oct 25, 2006 IP
  13. ahkip

    ahkip Prominent Member

    Messages:
    9,205
    Likes Received:
    647
    Best Answers:
    0
    Trophy Points:
    310
    #13
    hehe, never touch the beta version

    but in the old version is should be here
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    
  <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  <meta content='true' name='MSSmartTagsPreventParsing'/>
  <meta content='blogger' name='generator'/>
  <link rel="alternate" type="application/atom+xml" title="vioBlogger's - Atom" href="http://markned.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="vioBlogger's - RSS" href="http://markned.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="vioBlogger's - Atom" href="http://markned.blogspot.com/feeds/posts/default" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://beta.blogger.com/rsd.g?blogID=7158947549856459503" />
  

    <title>vioBlogger's</title>

    [COLOR="Red"]<style id='page-skin-1' type='text/css'>[/COLOR]
/*
    Code (markup):
     
    ahkip, Oct 25, 2006 IP
  14. bnts

    bnts Well-Known Member

    Messages:
    2,329
    Likes Received:
    310
    Best Answers:
    0
    Trophy Points:
    165
    #14
    Yep;) They have gotta change a lot of things in the beta...even the free non-blogger templates that worked in the classic blogger don't work now in beta...

    So, can I still find a way to hide the navbar?
     
    bnts, Oct 25, 2006 IP
  15. ztoma

    ztoma Peon

    Messages:
    43
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #15
    ztoma, Mar 30, 2007 IP
  16. dennis_8484

    dennis_8484 Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #16
    The Blogger Navbar appears by default at the top of every Blogger-powered blog. Navbar features include: B button for Blogger homepage, Search Blog, Flag Blog, NextBlog, [email address]:, Dashboard, Sign In/Out:eek:ptions.

    Blogger navbar

    We assume you are publishing your blog via FTP, otherwise Navbar should NOT be uninstalled. Read Here



    To hide the Blogger NavBar:

    - Log in to blogger

    - On your Dashboard, select Layout.

    - Click on Template tab. Click Edit HTML. Under the Edit Template section you will see you blog’s HTML.

    Search for /* Variable definitions



    Paste the code below ( Code is in Blue Color ):

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

    Click on Save. Hurray… Navbar gone. :)



    Did you noticed, Nav bar contains the highly functional buttons like New Post and Customize. Can you live without those?

    Thanks to Derya, you can use Show/hide option to see Navbar.

    Copy-paste code between <head>…</head> tags in HTML template:

    <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>

    Click on Save Templete.
    Now click on Layout > Page Element > Add New > HTML/JavaScript page element.

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

    Done. ! Now you see Show/Hide option to show your Navbar.

    Thanks to
    http://www.askchiefonline.com/how-to-hideremove-the-blogger-navigation-bar
     
    dennis_8484, Mar 20, 2008 IP