How to Hidden Blogger Title in Header

The title on blogger is very important, but sometimes its existence can be very annoying when you don't want it to appear in your new blogger header. Display default title does look stiff and difficult for newbies in adjusting it into the header. So with a way to eliminate or hide the blogger title and create the blogger title into the header itself will make your blogger look more attractive.

Blogger Title Header

In addition to the blog title, the blog description will automatically appear below the blog title, so you need to hide it too. After you create a beautiful blog header then just apply the trick below.

How to hide both please follow the steps below:

1. Log in blogger
2. On Dashboard > Click on the template then select "update script code HTML"
3. Look for code similar to this:
Header Blogger


#header h1 {
margin:5px 5px 0;
padding:130px 0px 0px 130px;
font-size: 28px;
line-height:1.2em;
text-transform:titlecase;
letter-spacing:.1em;
}


Description Blogger


#header .description {
margin:0 5px 5px;
padding:10px 0px 15px 130px;
max-width:700px;
text-transform:lowercase;
letter-spacing:.1em;
line-height: 1.4em;
color:#e86c81;
font-weight:bold;
font-size:13px;
}


4. Once found, please add the following code: visibility: hidden; so it looks like below:
Header Blogger


#header h1 {
margin:5px 5px 0;
padding:130px 0px 0px 130px;
font-size: 28px;
line-height:1.2em;
text-transform:titlecase;
letter-spacing:.1em;
visibility:hidden;
}


Description Blogger


#header .description {
margin:0 5px 5px;
padding:10px 0px 15px 130px;
max-width:700px;
text-transform:lowercase;
letter-spacing:.1em;
line-height: 1.4em;
color:#e86c81;
font-weight:bold;
font-size:13px;
visibility:hidden;
}
5. To ensure the success of the title and description can be hidden, please click "Preview Template" on the editing page.
6. If successful, please save your work by clicking "Save Template".
7. The see the results, Good Luck.