Web Design Vista Blog

If you have a blogspot blog you must have noticed the blogger navigation bar at the top of the page. Looks distracting to me!

If you want to know how to hide that navigation bar from displaying, there are 2 tricks – one based on javascript and the 2nd one pure CSS code.

Here i am describing the CSS hack to hide the navigation bar. Javascript code for hiding the navigation bar will be posted later.

Here is what need to do:

Login to your blogger account

Click on ‘Layout’ option

Click on ‘Edit HTML’ option under ‘Layout’ tab

You will be presented with the ‘Edit Template’ screen

Find following line

body {
margin: 0;
padding: 0;
font-size: small;
text-align: center;
color: $textcolor;
background: #000000
}

[NOTE: code between body{ } may vary depending on the template chosen]

Just below this code copy and paste the following code -

#navbar-iframe{

display: none;

}

Now save the template and publish.

Thats it, you are done! Check out the blog in a new window. The navigation bar will be gone.

Google recently introduced a new option in Google webmaster central that allows webmasters to change domain address without hassle.

A group of webmaters were asking for this option way back in 2006, so at least there is something for them to rejoice.

It is not possible at this moment to know whether this option would ensure that there is no potential ranking drops after a domain change – Google is not giving any clear answer to that. You still have to set up the 301 redirections from old to new urls.

Details here: Telling Google about your domain changes