Southern Listeners

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

Saturday, January 7, 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, .ss{
display: none !important;
}

27 comments:

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

    ReplyDelete
  2. Replies
    1. Can I have a look at one of your pages?

      Delete
  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

If you have a question that has nothing to do with this post, kindly submit your question at the "Ask a Question" page.