Pages

Friday, June 10, 2011

How To Hide Blogger Header

 http://www.saturn4.com/wp-content/uploads/2011/04/blogger_logo-1.png



You can make it look like the header on blogger is not there by not displaying the header title wrapper. You can do this with the HTML

1. Go to Design/ Edit HTML

2. Ctrl + F .Header .titlewrapper or #header-wrapper {

3. Look for the line with the words header, tiltle, wrapper and padding, example:


.header-inner .Header .titlewrapper {
padding: 22px $(header.padding);
}

or

.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: $(header.padding);
  padding-right: $(header.padding);
}

or

#header-wrapper {
height:100px;
padding-left:40px;
}


4.Add display:none; / after the padding, example:


.header-inner .Header .titlewrapper {
padding: 22px $(header.padding);display:none; /
}

or

.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: $(header.padding);display:none; /
padding-right: $(header.padding)
}

or

#header-wrapper {
height:100px;
padding-left:40px;display:none; /
}