How To Hide Title From Blogger Header

Posted by Lasantha Bandara on June 4th, 2009 File Under : change template, html, title17 Comments

1.Log in to your dashboard--> layout- -> Edit HTML

2.Scroll down to where you see this :

#Header h1

Look at the picture below.

3.Copy below code and paste it after above line.

display:none;

Look at the example below.

4.Now save your template and you are done.

File Under : change template, html, title

17 Responses to “How To Hide Title From Blogger Header”

  1. bLupyr0 says:

    Superb! thank you for this!!!
    Simple explanation and yet very effective.

  2. BioNaturally says:

    thanks

  3. JefFrey Lopez says:

    Hello i cannot fing any code you mention above please help
    heres my blog

    http://www.pinoywarezdl.co.cc/

  4. JefFrey Lopez says:

    Hello i can't find the code you mention in my html please help

    http://www.pinoywarezdl.co.cc/

  5. sektory.com says:

    -perfect-

  6. marky says:

    i cant find the code ##Header h1.. please help..

  7. afif says:

    Thank you!

  8. MulyaNovalN says:

    I don't find the #header h1 code but I can hide that blog title.. yeah
    http://mulyanovaln.blogspot.com 😀

  9. uzair says:

    thank you its work

  10. Brady Partridge says:

    That code also controls the titles in the tabs above the header on my blog, so if I remove the title I also remove the titles in the tabs. Is there another solution?

  11. venicereajan says:

    Jst find out this line

    Header h1 {

    paste this following the code

    display:none;

  12. deep says:

    @MulyaNovalN

    how u did it?

  13. hazel says:

    Thank you sooooooooooooooo much 🙂 Just what I was looking for. - redbaroness

  14. Miitch says:

    is it possible to make it invisible because i want the gap where the title used to be to stay so i can put the title on my background image and have it show through

  15. nathan says:

    if you cant find the

    #header

    try going to edit html of the page
    press ctrl+f
    type header h1

    there would come up some results

    look for these
    Header h1 {
    then below put the display:none;

    should be like this
    .Header h1 {
    display: none;
    font: $(header.font);
    color: $(header.text.color);

    just add the display:none;
    the font and color is along with the code..

    hope this helps

  16. Emily Kinsaul says:

    Thank you so much! This was a huge help!

  17. Isa Said says:

    Thank you. It works

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.