Turk Hit Box

Blogger Seo Tips – Part 3 – Remove Blogger NavBar

Looking at the amount of emails I got about the Part 1 and Part 2 of my Blogger Seo Tips, I decided to pay more attention to Blogger. I guess Blogger users really feel left alone, don’t they? On part 1, I helped you guys to optimize your blogger settings before actually setting up your blog, and on part 2, I showed you how to imitate the <!–more–> function in Wordpress. On Part 3, we will be removing the Blogger Navigation Bar at the top.

Through trial and error, I have come to a conclusion that frames actually hurt the SEO potential of your site. Let’s say you have 2 frames on your page. It means the importance of the page is divided into two. For example, Googlebot will visit your main frame as frequently as your other frame possibly containing a menu or not-so-important data. Therefore do not use frames!

Well, that was just a random seo tip for you guys since the blogger navigation bar you see at the top is purely CSS . Therefore its not killing your site’s SEO potential as much as a frame, BUT the text at the top is what gets indexed at first. You want the search engine bots to read the main content at first. To do this:

- Log in to blogger

- On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog’s HTML.

- On a usual html based page, you need paste the CSS code below between <style> … </style> tags. But in blogger, you need to paste the below code after <b:skin><![CDATA[/*


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


Related Entries

• Blogger Seo Tips – Part 1
• Blogger Seo Tips – Part 2
• Tiny Wordpress SEO Tips
• SEO Friendly Blog Directories with High Page Rank
• Is Facebook next on Turkish Internet Ban?

7 Responses

Thanks for great advices! For some reason code of yours did not work. I did it this way that worked:

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

Regards from Finland!

Thanks for these blogger tips. To hide the navbar for the new blogger, it should be:

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

Cheers!

It doesn’t work for me. I pasted it directly after the text above, doesn’t work.

Thanks to you all that responded with the correct answer to this I oten got iframe warnings about this navbar

In case anyone is interested in whether or not hiding the blogger navbar is a violation of the Blogger TOS, it isn’t. See the following post with an explanation by a Blogger employee:
http://groups.google.com/group/blogger-help-customizing/browse_thread/thread/c7e3226fe35da11e?fwc=1&pli=1

I would also say it is against Blogger TOS. Otherwise great tip, even it is unuseable.

don’t know about seo, but i think the nav bar brings some traffic to blogger blogs with them for some people uses next blog button on navbar and blogger displays only blogs with navbar.. can v make our content index first time without removing the nav bar??

Leave a Reply