Langsung ke konten utama

How To Hide The Blogger Navbar - Updated For 2010 (Quick Tip)

With all the changes to Blogger's template system, it seems no wonder that my original tutorial for hiding the Blogger nav-bar no longer works effectively (particularly for newer template designs).

In case you were wondering, it is possible to hide the Blogger nav-bar (which displays a search box and useful links). The principle is the same as in my previous tutorial in that we simply need to add a few lines of CSS to our Blogger template code.

Here's how my updated technique to hide the Blogger nav-bar in a few simple steps:

  1. Go to Design>Edit HTML in your Blogger dashboard
  2. Using your browser's search function, locate the closing </b:skin> tag in your template's HTML markup.
  3. Immediately before this line, paste the following section of code:

    #navbar-iframe, #navbar, .navbar {height:0px; visibility:hidden; display:none; margin: 0 !important;}
  4. Preview the changes to ensure everything looks the way it should, then click "Save".
That's all there is to it!

Is it okay to hide the Blogger Nav-Bar?

I'm pretty sure the Blogger Team won't mind if you choose to hide the Blogger Nav-Bar (since my previous tutorial was linked to on this official FAQ page).

However, I must point out that in hiding the nav-bar, you will lose access to some functions from within your site, such as the ability to access admin-pages and the random "Next Blog" links.

Don't forget that you could choose to alter the nav-bar colour and transparency through the Design>Page Elements section of your dashboard if you'd prefer not to hide it altogether!
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

How To Add A Music Player In Blogspot

Since this archived post was written in 2007, web design and Blogger templates have changed immensely. The development of HTML5 and <audio> tags enable us to add music to our Blogspot websites and posts far more simply, and with improved control. In preparation for explaining how to podcast with Blogger, this tutorial explains how to easily add an HTML5 mp3/audio player to your blog posts or layout. No JavaScript, Flash or plugins are required, and with a fallback for older browsers which don't support the player. I've even created a simple form to generate basic tags for you! Adding music to your Blogspot site has never been so easy! Basic HTML5 Audio Tags Explained The <audio> tag is a new feature of HTML5 which we can use to natively embed audio playback in our sites. It is supported in Internet Explorer 9, Firefox, Opera, Chrome, and Safari, and can be set to play the linked audio file automatically (autoplay) or loop if required. Here...
Posting Komentar
Baca selengkapnya

How To Add Google+ Updates Gadget To Blogger

As yet, there is no official "widget" or RSS feed which we can embed in Blogger to display a stream of our recent posts on Google Plus. Luckily, Google+ to RSS offers a free service enabling us to generate an RSS feed for our personal profiles and pages which we can add to a simple Feed gadget in Blogger. Take a look at the sidebar to see this technique in action and read on to find out how to add a Google+ updates gadget in your own Blogger site. To get started, head over to Google+ to RSS and create a feed for your Google+ profile . You'll need to log in using your Google+ account to allow the app to access your profile stream: As soon as you've done this, you'll be able to "manage your entries" and locate the URL for your Google+ profile  RSS feed: Right-click the RSS icon beside your profile and choose to copy the link location. This is the URL to the RSS feed of your personal profile stream. To publish a feed for a Google+ Page...
Posting Komentar
Baca selengkapnya

Another Blog Is Already Hosted At This Address - How To Fix

When attempting to set up their Blogger custom domain, many Blogger users have received the following error message: Another blog is already hosted at this domain Although I have set up many custom domains to use with Blogger , until this weekend I had never experienced this issue for myself (and was unable to offer any definitive solution for those experiencing this problem). My friend was experiencing this very persoalan after setting up her new blog a few days ago. We have been able to find some solutions which I hope may help others who see this error message when attempting to set up their custom domain. Assuming you have already configured the DNS settings for your particular domain provider and have attempted to publish to a custom domain through your Blogger dashboard, here are the steps you should take: 1. Publish back to your Blog*Spot domain In order to make your blog accessible while troubleshooting your custom domain, it is advisable to publish back to your Blog*Spot...
Posting Komentar
Baca selengkapnya