easy way to hide blog title

hide blog tittle and description

Title of blog is very important because it just like a cover from your blog. Sometime it become annoying when we want to change it into image because the origin of blog title its too normal and nothing special. We need a special thing for decorate our title and make it more interesting. So by hiding the title, you could decorate and make your own design for you title. Sometime people also hide the blog description and decorate it by himself. So here the step to hide your blog title and description.

1. Log in blogger

2. In blog dashboard go to your template and click edit html

3. Find a code looks like this

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

Here your blog description code
#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;
}

After you found those code add visibility:hidden; after the end of code, so it becomes like this

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


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

4. To check it works or not click preview of your blog

5. If it works save your template and you are done

Well, you can hide both title and description or just hide one of them. You only need put the red code where you want to hide whether in title code only or description code only.



Artikel Terkait

Previous
Next Post »