Pages

Showing posts with label blogger tutorial. Show all posts
Showing posts with label blogger tutorial. Show all posts

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; /
}