Wednesday, November 3

Hide Title & Description From the Header


If you are on blogger platform and using any blogspot default template, you can notice your blog title and description appearing on the header area. If you are using a long blog title and a little more long blog description, then it will look odd. So, you need to remove those blog name and description info from the header area to make it look attractive. You may also like to exclude title & description and create a custom header for your blogger blogs. But remember that having title and description may boost your blog SEO values.


Remove Title & Description From Blogger Header
· Log into your blogger profile and go to Dashboard.
· Navigate to Layout >> Edit HTML.
· Search for #Header h1 in your HTML code. If you don’t find this code, you may search for another piece of code #Header .description.

· Now insert display:none; at the end of the above code.
· Look at the below code to get the idea.
#header .description { /*<-- this is header description css*/
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
display:none; /*<--Insert this line*/ }
· Save the template and you are done.
Now your blog title and description will not show up in your blog’s header area. You may use any attractive image in your header and there will be no text to ruin the beauty of your blogger or blogspot blog header.
you can see my blog as example how i remove the header and the description and replace them with a flash file give a good look to my blog




source : www.solidblogger.com

No comments:

News