Search This Blog

Loading...

Saturday, March 10, 2007

New Blogger: How to remove the text Title

IMPORTANT NOTE: This post gives instructions on how to remove the blog title, but also gives reasons why you should not to it after the instructions. I hope you read the rest of the post first before you remove the blog title. Also, whenever you edit the template, it is always wise to backup the current template PLUS whatever Page Elements that can be backed up. See How to backup and edit template and backup Page Elements.


Some people have followed the method outlined in this post Adding graphic to your New Blogger blog header.

However, some have incorporated the post title as a graphic title in the graphic they want to use for their blog header, and they want to remove the text title. To do this, you have to look for this block of codes in the template:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Blogger Tips and Tricks (Header)' type='Header'/>


look for this in the code: locked='true'. Change it to locked='false' and save the template.

Then go to the Layout and click EDIT in the page element for the text Title, and you will be able to see "Remove Page Element". Click that and the text title will be deleted.

However, if you like your blog to be found by others through search engines, my opinion is, it is best to leave the text Title alone as the text Title (and the description) counts high in how the search engines figure out what your blog is about, and can help direct people seeking the kind of information you have in your blog find your blog. My opinion is, it is probably better to reduce the text size of the text Title to 1 pixel, or to retain the text Title but put the image as background as explained in this post: Adding graphic background to your New Blogger blog header

How to reduce text Title to 1 pixel

Update: read the updates below for better solutions. I am not sure how search engine view the trick of reducing the text title to 1 pixel

To reduce the text Title to 1 pixel so that it is practically not visible, look for this block of codes in the CSS (Cascading Style Sheet):

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

Add to it this line font-size: 1px; so that the codes become

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
font-size: 1px;
}

Note: Never try to make the text Title the same color as the background as this is consider black hat SEO (Search Engine Optimization) any your blog will be blacked for that. I do not know whether reducing the text to 1 pixel to make it practically invisible is also considered black hat SEO, so I personally will prefer to leave the text Title alone, add an image as background and make the text a contrasting color as described in Adding graphic background to your New Blogger blog header

Update 5 April 2007: I hit upon a better idea. I made a image Header with the graphic title of the blog incorporated into the image, then used the text title as the description in this blog Anything Chinese. The text "description you see below the image Header "Chinese Food and Recipe, Chinese culture and custom, Chinese business, etc." is actually the text title of the blog, but with font size reduced so that it appear as if it is the blog description.

The technique to do this is described in this post: Special fonts for your clickable blog graphic header without removing the text title.

25 comments:

  1. Or you can change the header text size to 0% in the css. That is how I removed the text title. It is still "there" in philosphical terms (and in the computer's mind, but not really. I am in the simple blog template... maybe your format does not have % as a size option.

    ReplyDelete
  2. Hi Nordic Interiors,

    I am a bit wary of techniques like this (change the header text size to 0%) as I do not know how search engine will consider it. The technique of making text invisible by making the text color the same as the background color is considered as Black Hat SEO and sites found using it are blacklisted by the search engines. So if I were you, I would try other methods. I am going to update this post to give links where I describe other methods to "remove" text title from the Header.

    Peter (Blog*Star 2006 and 2007)
    Dummies Guide to Google Blogger
    "online book" in progress

    ReplyDelete
  3. Hi, big problem. I followed your guide and removed my title. But now i want it back and i have no idea. Please please tell me how!

    Best Regards

    Bjorn Norman, Sweden

    ReplyDelete
  4. Hi Bjorn,

    Did you not read below the instructions the reasons why I believe the blog title should not be removed? What are the reasons you want it back now. Also, I forgot to add that one should always backup the current template PLUS any Page Elements that can be backup. See Backup and edit template PLUS backup Page lements. Anyway, thanks to you, I now have added a note right at the top of the post.

    Don't worry. There is a solution to your "big problem". See Add back blog title after removing it: How to.

    Peter Blog*Star
    What a grateful blogger did for me
    (no one should feel obligated. Everything completely voluntary. However, by doing so, you may also help your visitors find helpful information and help. You may even pick up various ways of linking sites there too)

    ReplyDelete
  5. Thanks Mr. Peter :) I have removed text title... :)

    ReplyDelete
  6. Thank you! Worked perfectly!

    ReplyDelete
  7. Thanks Sir for the tutorial. It helps me out. Much appreciated.

    Thanks again.

    ReplyDelete
  8. Hi OGZ,

    I hope you read my note, my advice that it is not good to remove the text title completely.

    Peter ChenBlog*Star
    Environmentally friendly presents (gifts)

    ReplyDelete
  9. Okay, now that I've removed the title, how do I add a graphic in its place?

    ReplyDelete
  10. The link is in the post but here is it again - adding graphic to your blog Header. PLEASE NOTE THAT THIS IS AN OLD POST AND I WHAT I WROTE. If you want to add a graphic now that you have removed it (note that I advised against doing that in the post for SEO reasons but some people don't go for more traffic), there are now other methods to add graphic via the LAYOUT. I cannot at the moment find the post at the moment but if you still wants it, ask again.

    ReplyDelete
  11. Thank you so much for this post. I was going crazy. Every time I changed the text or removed it my blog search box would move. I couldn't figure it out but then I adjusted the margin and voila. Everything is perfect now. Thank you.

    ReplyDelete
  12. I did this, and the title dissappeared thanks! But i also want the title border gone.. i have a background image so no matter what color i change it too, it still shows. can i take it out? help please.

    ReplyDelete
  13. Peter,

    I have try to changed the format as provided, but seem no effect on my template?

    Any further advised?

    Thanks!

    You may email me at whatsoffer@gmail.com

    ReplyDelete
  14. Peter,

    Sorry! what i mean is to increase the post title font size.

    ReplyDelete
  15. OK here is what I did in a test blog using Minima template: Went to LAYOUT > Edit HTML to open template editor and found these codes:

    /* Posts
    -----------------------------------------------
    */
    h2.date-header {
    margin:1.5em 0 .5em;
    }

    .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted $bordercolor;
    padding-bottom:1.5em;
    }
    .post h3 {
    margin:.25em 0 0;
    padding:0 0 4px;
    font-size:140%;
    font-weight:normal;
    line-height:1.4em;
    color:$titlecolor;
    }

    and changed
    font-size:140%;
    to
    font-size:300%;

    or any percentage you like

    ReplyDelete
  16. Hey, I was just wondering; on my blog (www.ofunspokenwords.blogspot.com) I managed to play around with the header images and stuff but my title is covering a person's face in the image and I was wondering if it's possible to move where the title is (i.e. middle / bottom of the image)
    Thanks in advance,
    jess ^^

    ReplyDelete
  17. Try this: force line breaks by typing as many <br /> in front of the title and see if that forces the text title down. Let us know if that works.

    ReplyDelete
  18. I tested that and it didn't work. Looks like it may involve editing the template.

    ReplyDelete
  19. I would think reducing the text to 0% would take the text completely off the page but leave the title. I don't think this would be considered black hat SEO because there is no HTML that is invisible on the page whatsoever, is there? It's not the same as hiding text since I am taking the text off the page. Right? Logical?

    ReplyDelete
  20. I made the changes in template perfectly as you mentioned, and it got saved too (i.e. i could relocate/remove the blog title). But when i tried to save after relocating/removing the title...it gave the following error:
    bX-fceyc

    ReplyDelete
  21. First I tried removing that section of code but it told me that it couldn't properly be parsed. I restored the code then tried it again to make sure I didn't take out more than that code but it told me the same thing. I then tried to wrap that code in /* tags */ to tell it to ignore it but again it didn't work. I finally changed "true" to "false" and it allowed me to go into page elements and remove it.

    Thanks for your help. Your fix might not have worked for my blog but it did give me the right place to make the correct changes. Thank you. :)

    ReplyDelete
  22. thank you for the info. it's very useful. :)

    ReplyDelete
  23. Hi! I'm not sure if you still check these comments, but here goes: Whenever I resize the size of my header title it also resizes the height of my header. Is there any way to prevent this from happening? Thanks in advance!

    ReplyDelete
  24. WoooooooooooooooooooooooooooooooooooooooW
    Thank You Sooooooooooooooooo Much :*

    ReplyDelete


Find topics by using the Google custom search box above which can search multiple blogs, or the SEARCH BLOG in the left corner of navbar. You can also find topics in the Label List and Categrories in the right sidebar.

For more information and special deals related to any of the issues on this page, place your cursor over the double-underlined links. All information supplied by Kontera.com.

Disclaimer: This blog has no relation with Wiley Publications