Southern Listeners

Loading
Thanks to Greenlava for this cool gadget. Get yours here

Sunday, January 8, 2012

Removing Static Pages Titles from Blogger Dynamic View

I've seen 3 questions asking about ways to hide a static page's title in Dynamic Views. In an xml template, you can easily hide your static pages title by inserting HTML conditional tags to your template. In Dynamic View, it's even easier.


If you're using the old Blogger interface: Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

If you're using the new Blogger interface: Go to Dashboard ('House' symbol) - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

.viewitem-inner .viewitem-content .article .article-header h1.title a, .sspe{
display: none !important;
}

63 comments:

  1. @shree@SOFTECHNOGEEK: Thanks for the feedback :)

    ReplyDelete
  2. this does not work for me?

    ReplyDelete
  3. This doesn't work for me either. I haven't found anything that makes it work, either unless I don't give the page a name at all but then the tab on my home page doesn't have a word of any kind.
    www.amandacarlisledesign.com is my blog

    ReplyDelete
    Replies
    1. You're not even using a Dynamic View template. This tutorial is for Dynamic View templates only. For HTML/XML templates, check out the link I posted at the very top of this page, in my very first paragraph.

      Cheers.

      Delete
    2. Go figure. I knew I had to be doing something wrong. (I'm still learning this whole blogger thing.) Thanks!

      Delete
    3. Good luck in getting rid of those titles :)

      Delete
    4. So, now I feel really silly because I tried the code for html/xml templates and that didn't work either.

      Delete
    5. I can't find the code in the other page anywhere in your template. If the code is correctly inserted, you should be able to see it when you view your blog - right click - view source. Can you verify if it is still there?

      Delete
    6. Odd... I don't see it when I right click- view source, either. However, when I go to template - edit HTML, it's there, right under the like you instructed.

      Delete
    7. Right. let's have a look at your template then. Go to Dashboard - Template - Backup/Restore - Download Full Template - Save the resulting xml file somewhere in your computer. Then go to www.rapidshare.com and upload your xml file there. You will be given a link. Give me that link so that i can have look :)

      Cheers.

      Delete
    8. https://rapidshare.com/files/1122714616/template-1822170211535022004.xml
      Here ya go.
      Thank you for looking into this for me! Normally I am able to research and figure a lot of this stuff out, but blogger is so different.
      When I look at the code of this too, I also don't see the code after the b:skin part...

      Delete
    9. Right. I found what's wrong. You're using a third party template. Most tweaks are made for default templates. Here's the code that you should be using:

      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <style>
      h2.art-postheader{
      display: none;
      }
      </style>
      </b:if>

      Cheers.

      Delete
    10. Awesome. Thank you so much for your help!

      Delete
  4. http://tatianamassagistalisboa.blogspot.com
    it doesn.t work for me either

    ReplyDelete
    Replies
    1. The code above works fine for everyone, in removing static page titles in Dynamic View. You don't even seem to have any static pages. What exactly were you going for?

      Delete
  5. My page background color is set to white and the rest (header, etc) to transparent.

    My static pages come with a black border (1px probably), do you think there's a way to remove it?

    Thanks.

    ReplyDelete
    Replies
    1. It's hard to tell without inspecting your blog's elements. Can I have a look at your blog?

      Delete
    2. Here are the ugly bars ;)
      http://verminamics.blogspot.com/p/contact.html

      (well there's a black line that crosses the header, and I guess, a drop shadow around the page body)

      Delete
    3. This little devil took awhile to be found. Here, add this to your css:

      .viewitem-panel{
      border: 0px !important;
      }

      Cheers.

      Delete
    4. A while?? This is light speed man, I just had the time to pack my bag and leave for the gym before you answered!

      Thanks a bunch Yoga this is great,you are great.

      I discovered your blog yesterday and only found useful infos and a response time which is second to none.
      Which means you earned a donation my dear.
      Time for me to say cheers ;)

      Delete
    5. Wohoo! Thanks Vermine, appreciate it :) I'm buying pizza tonight :)

      Delete
  6. Hi
    Can you pls help to take a look?

    http://cherrybunny-blogshop.blogspot.com/p/faqs-1_15.html

    I have the below code but it still doesn't work. Not sure what I am missing :(. Appreciate if you can help. Thanks.
    h3.post-title, .comments h4 {
    font: $(post.title.font);
    margin: .75em 0 0;
    display:none;
    }

    ReplyDelete
    Replies
    1. Hi Bunny,

      First of all, what are you going for? You've already removed your static page titles.

      Delete
  7. doesn't work for my blog: http://blog.it-by-danielt.com...

    ReplyDelete
    Replies
    1. Hi Daniel,

      The code still works fine. However, I do not see the code anywhere in your blog. Try adding it again, and make sure it gets saved.

      Cheers!

      Delete
  8. It worked like magic! Thank you! You're awesome!

    ReplyDelete
    Replies
    1. Hi Tina,

      Thanks for the tips, and the feedback :)

      God bless you, and that cute dog of yours :)

      Delete
  9. Thanks you sir, it work for me.
    btw, can u help me?, i'm using snapshot style and i want to make limit posts showing in front page, and included next button to show another posts, like only 30 post per page and must click next button to show another 30 post .
    can u help me to make it work?
    Thanks before.

    and sorry for my bad english

    ReplyDelete
    Replies
    1. Hi Siwan,

      It isn't possible. Dynamic view templates load posts dynamically. There's no way we can change that.

      Delete
  10. my blog is

    http://internationalyouthnetwork.blogspot.com/

    this code is not working for static pages? can you help is there any way to add FACEBOOK SHARE GADGET?

    ReplyDelete
    Replies
    1. Hi there,

      This is what you have in your add CSS box:

      b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <style>
      h2.art-postheader{
      display: none;
      }

      And this is what you should have, as per instructed by the tutorial in this page:

      .viewitem-inner .viewitem-content .article .article-header h1.title a, .ss{
      display: none !important;
      }

      As for Facebook share button, unfortunately, we can't add a static button to a template at the moment. However, if you happen to have the HTML/script for the button, you can add to each one of your posts, manually, by going to Dashboard - Posts - Edit (one post at a time) - HTML (as opposed to Compose view) - and paste your code there..

      Good luck :)

      Delete
  11. Added the code to the CSS box, and there was no difference.

    http://inthegardenhiding.blogspot.com/

    ReplyDelete
    Replies
    1. You're not using a Dynamic View template, whereas the tutorial above was written for Dynamic View templates only. Here's what you're looking for (non-dynamic template version):

      http://www.southernspeakers.net/2010/11/remove-blogger-static-page-titles.html

      Let me know how it goes :)
      Cheers..

      Delete
  12. Thanks for the code! It worked for me. I was just wondering if there was a way to remove the gap that's now left?

    ReplyDelete
    Replies
    1. That depends to the kind of template you're using. Let me have a look. What's your blog's address?

      Delete
  13. Hi - Wonder if you can help me! I am making a new blog based on Dynamic view template, and in the bar where it shows the view types it also shows "home page". Nothing I have tried seems to be able to get rid of this. It wasn't there and suddenly it appeared - but I can't undo it. I went to "pages" and chose "do not display" but it is still there :( I don't want it. Any ideas?

    ReplyDelete
    Replies
    1. Hi Marije,

      Refer to the following link, you'll find it helpful :)

      http://www.southernspeakers.net/2012/04/hide-certain-pages-links-in-dynamic.html

      Cheers..

      Delete
  14. Worked perfectly. Thank you so much! www.olympiabp.net

    ReplyDelete
  15. Hi Yoga!

    I'm having trouble with Static pages on Dynamic Views. Comments aren't visible despite enabling options on every page. I have static pages on which I to enable comments. Within these pages I have hidden pages and I want comments there too. How can I do that? Having read this post, I will try to get rid of titles on my static pages for now :) Thanks in advance.

    Here's a sample:
    http://momwithadot.blogspot.com/p/articles.html

    ReplyDelete
    Replies
    1. Hi Mom-with-a-Dot,

      I know this might sound ridiculous, but comments on static pages are disabled for Dynamic View templates at the moment. I've already escalated this to Blogger a couple of times but nothing has been done so far. We'll keep out fingers crossed.

      Cheers :)

      Delete
    2. I've managed a workaround with some shabby patch work :(

      Created a post, manually dated it earlier than my blog start date and published, so it doesn't show up on my homepage. Then added a link on Static page to it. A reader wanting to comment would need to be so passionate as to click on another link and have their say LOL!

      Another quick question? Is there a way to delete unused images from my blog? Not critical, just a little uncomfortable if those images show up in an image search or something...... Thanks again for all that you do. God Bless!




      Delete
    3. Glad you found a workaround :)

      As for deleting unused images from your account, yes, there is a way. But be extremely careful with it, as accidentally deleting your blogger album will delete ALL images from your blog - and, there isn't a way to undo it.

      So here's how you do it. Go to Picasa Web Album at https://picasaweb.google.com/home

      You'd have at least one album there. Find the album that corresponds to your blog, and delete the unwanted images.

      Cheers :)

      Delete
  16. Hi! I love your site it's bee really useful for me - thanks so much! I've been reading through this thread and I'm getting lost as to what might fix my problem. Is there a way to hide the static page title on my blog, but not hide the titles of individual posts?

    For example, I want the title of my static page here not to show: http://ryanbjackson.blogspot.co.uk/p/w.html

    But if I link to individual blog posts, I'd like the title to show (at the moment they don't since I used the code), e.g. http://ryanbjackson.blogspot.co.uk/2013/02/young-labour-who-are-right-candidates.html

    Thanks! :)

    ReplyDelete
    Replies
    1. Hi Ryan,

      The code above will not remove your post titles. It will only get rid of your static page titles. And it does seem like this is the case in your blog as well. (post title showing, static page title not showing).

      Cheers..

      Delete
  17. Hello! Can you please help me?
    I'm trying to remove the title but its not working, I have in my CSS area codes to remove the border and shadow from images too, and your code to remove loading gear from blogger...
    My blog is this one: www.guiemandy.com.br
    Thank you so much!

    ReplyDelete
    Replies
    1. Hi Mandy,

      You're using a non-dynamic template. The tutorial above is for Dynamic templates only. For xml templates like yours, see the tutorial in the link below:
      http://www.southernspeakers.net/2010/11/remove-blogger-static-page-titles.html

      Cheers :)

      Delete
  18. This code worked and I removed Static Pages Titles successfully thanks for that.
    I did also add template of 'Adding Author Name Below Post Title' to my CSS.

    The problem is I'm seeing Author name in static pages(without title). Is there a way to remove Author name in static pages that was added by the second template?

    ReplyDelete
    Replies
    1. This should help, but it needs to go towards the bottom of your Add CSS page. Otherwise, it won't work:

      .viewitem-content .title.entry-title{
      display: none !important;
      }

      Delete
  19. Man, you are a blog monster! Thanks for all of your great tips!
    Out-of-box customizability of dynamic templates is zero.
    And all your stuff is very handy!! Keep it up!

    ReplyDelete
    Replies
    1. Thanks bro, appreciate you taking the time to drop me some words :)

      Delete
  20. HI, is there a a widget that show posts according to a particular label? with thumbnail only not the post title or summary
    Thnx

    ReplyDelete
  21. How can you get it to hide a particular static page title but not all of them? I have six static pages and only want to hide one of the titles.

    ReplyDelete
    Replies
    1. Edit the post that you want the title hidden - switch to HTML mode (as opposed to Compose mode) - Paste the following towards the end of your Post editor box:


      <style>
      .viewitem-inner .viewitem-content .article .article-header h1.title a, .sspe{
      display: none !important;
      }
      </style>

      Then publish your post.

      Delete
    2. Hmmm...that didn't seem to work. Does it make a difference that this is a page and not a post? Am I supposed to swap out any of the words in the code above for my page's title?

      Delete
    3. Hello there,

      The tweak above is for pages only (wont work with posts), and it's still working on my test blog. May I have a look at the page you tried this on?

      Delete

Please use the 'Ask a Question' page to shoot questions that are not related to the tutorial in the post above.