Subscribe Here RSS or Email

7/24/08

How to Hide your Headers Blog Title and Description

5 comments Buzz Here
When the search engine index our blog using our blog title and description tags -- but most of the time we customize our templates and we have the need to hide our Headers blog title and description.

There are two (2) options we can do.

First(1st) Option:

  1. Go to your Dashboard - Layout - Page Elements then click Edit Header.
  2. Upload your Image and click the radio button under placement "Instead of title and description"
  3. Then save.
Sometimes this option don't work especially if your image is not solid but don't worry because there's another easy to use option using CSS.

Second (2nd) Option:
  1. Dashboard - Edit HTML then we have to find this #header h1 {
  2. I always use Ctrl+F to quickly find the Styling Code that i need, Ctrl+F then copy #header h1 {
  3. Then put this code: display:none;
  4. This is What it's going to look like:
    #header h1 {
    margin:5px 0;
    padding:0 20px .25em 0;
    line-height:1.2em;
    text-transform:uppercase;
    letter-spacing:.2em;
    font: $pagetitlefont;
    display:none; ------------------This is the code you place to hide your Blog Title
    }

  5. Before you save click preview first to make sure it's not there anymore....but' i can't see any reason why it won't though.
  6. Then save.
Now for the description, we will place the same code all we need is to find the styling of Header Description. Here's how:

  1. Ctrl+F then place this code #header .description {
  2. Then place the same code below and it will look like this:
#header .description {
margin:5px 0;
padding:0 20px 15px 0;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
display:none; ------------------This is the code you place to hide your Blog Description.
}
Then save. Your site is now clean and finally hide the blog title and description.

I hope you find this simple hack help you blog.

Related Posts by Categories



5 comments:

Anonymous said... at 29/12/08 11:02

I used this. In 2.7 WP. It works. Thank you so much.

Anonymous said... at 16/1/09 15:58

Thank you so much! I have been pulling my hair out but you option #2 worked!

DirtyMagz said... at 28/1/09 23:47

i used a code that makes my header image change randomly after every refresh. For some reason, i can't hide the title and description after that. I tried your first option and it won't save. When I save, it just goes back to "behind title and description." So I tried your second option, but whenever i enter that code, it makes my header really small. Is there anyway to fix this?

Iris said... at 29/1/09 16:40

@DIRTYxNBA,

If you can send me your url so that i can check of what is wrong it would be great and i might be able to help you :)

Post a Comment

I really love to read your thoughts, Reminder though that I Moderate my blog, If your intention is only to spam think twice.

For those that will comment because you want to share your thoughts i really appreciate your time. "Dofollow" Rules.

 

  © Blogger template 'tbn' by thebuzznutter 2008

Bring me to TOP