Your blog title and description is very important for search optimization. Search engines when indexing your blog use the title and description tags. Hence these are indispensable fields.
However sometimes you may require to hide your Blog Title and description. The new option to upload images to Blogger Header gives you one option to do this while uploading an image to your header. If you are adding a picture to the background of the header then you do not have this option. Here is another method.........
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
display:none; /*<---Insert this line*/ }
Insert the "display:none;" line in the code for the header as shown above. Click Preview button to see the effect. Save Template. Clear Cache. View Blog.
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
display:none; /*<---Insert this line*/ }
Insert the "display:none;" line in the code for the header as shown above. Click Preview button to see the effect. Save Template. Clear Cache. View Blog.
Enjoy!
However sometimes you may require to hide your Blog Title and description. The new option to upload images to Blogger Header gives you one option to do this while uploading an image to your header. If you are adding a picture to the background of the header then you do not have this option. Here is another method.........
HIDE BLOG TITLE
To do this login at Blogger.com and click on Layouts link on Dashboard. Then click on Edit Html subtab of Template tab. First backup your template. Then scroll down to this code :#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
display:none; /*<---Insert this line*/ }
Insert the "display:none;" line in the code for the header as shown above. Click Preview button to see the effect. Save Template. Clear Cache. View Blog.
HIDE BLOG DESCRIPTION
To hide the blog description scroll down to this code in the blog template :#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
display:none; /*<---Insert this line*/ }
Insert the "display:none;" line in the code for the header as shown above. Click Preview button to see the effect. Save Template. Clear Cache. View Blog.
Enjoy!
