How to Hide A Post or Several Posts from Blogspot Blog Home Page

Fortunately, however you wish to do it, it is possible to hide certain posts or the entire blog posts on your Blogspot blog homepage.
There are a few methods of achieving this and we will discuss all the methods one after another here.

#Blogspot How-to

Ordinarily, all blog posts appear on the homepage by default and in order of the date they are published. Going by this arrangement, latest published post appears first but to some bloggers, this arrangement is not a suitable one especially when you have a list of very rich and popular posts you want always displayed to your visitors when they first arrive your blog.


Another thing is, you may want to customize your blogger blog homepage such that all your blog posts are displayed in stack and grouped by label. For example, you want all blog posts with the label SEO displayed in stack while all blog posts with the label Blog Design displayed in a stack just behind the SEO labelled blog posts.


Fortunately, however you wish to do it, it is possible to hide certain posts or the entire blog posts on your Blogspot blog homepage.

There are a few methods of achieving this and we will discuss all the methods one after another here.


how to hide post from blogspot blog homepage

Hidding Posts On Blogspot Blog Homepage

  1. Backdate Blogger Post to Hide it from the Homepage
  2. As earlier said, most blogs display posts in order of their published date making the most recently published post appear first on the homepage. Since this is the case, you can just modify the published date of the post(s) you wish to appear first or otherwise so that the post can appear in the front before all others or as you see fit.


    How to Backdate Blogspot Blog Posts and Hide it from Homepage

    • From your Blogger blog, go to posts and locate the New Post link and click it.
    • From the editor screen, click schedule then set date and time. Here, enter the date and time as you desire and click done.
    • Continue with your posts as usual and publish it when you're done editing.
    • Now, visit your blog's homepage to verify that the new published post actually appears or does not appear as expected.

    NOTE: this same process applies if you wish to backdate an already published post. The only difference there is, from the blogger posts page dashboard, you will locate the post(s) you wish to backdate and click on the title and proceed as usual.


  3. Hide Blogger Post By Label
  4. This method involves modifying your blogger blog template/theme and as a result, I recommend that you backup your Blogspot blog theme so that you'll have a full theme to fall back on in case something goes wrong along the line.


    Hiding A Blogger Post from Homepage Using Label

    • From your Blogger dashboard go to theme formarly known as template and click it. From the page that opens, click Edit theme
    • Click anywhere inside the theme's code area then press CTRL + F keys - this will open a search box that will enable you search from within the code area only.
    • In the search box that opens, copy and paste this line:
    • <b:include data='post' name='post'/>
      
    • After pasting the line above, press enter. And once found, replace it with the codes below:
    • <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <b:loop values='data:post.labels' var='label'>
              <b:if cond='data:label.isLast == "true"'>
                  <b:if cond='data:label.name != "add label here"'>
                      <b:include data='post' name='post' />
                  </b:if>
              </b:if>
          </b:loop>
      <b:else/>
          <b:include data='post' name='post' />
      </b:if>
      
    • Now, click Save theme to effect the changes.
    • Done! You can now go to your blog's homepage to see the effect.

    Things to Note:


    1. For this method to work, you must have only one label/tag for the post you wish to hide from the homepage.

    2. The label/tag is case sensitive thus, SEO is not the same as Seo or seo. Therefore, your label/tag must be typed exactly.

    3. Every post you want shown on the homepage must have at the least one label/tag so that the b:loop function may apply to them.


  5. To Hide Blog Post from Blogspot Blog Homepage Using Post ID
  6. This method works exactly as the method discussed from above just that, instead of the post label that is focused in that method, this will target the post's ID as our use factor.


    Hiding Post from Blogger Blog Homepage Using Post ID

    • First we need to get the particular post ID which would be used to hide the post from the blogger blog homepage. To get the post ID, simply go to post's editor page. See the image below:
    • Now that you have the post's ID handy, go to your blog's theme page and click it. From the page that opens, click Edit theme
    • Click anywhere inside the theme's code area then press CTRL + F keys - this will open a search box that will enable you search from within the code area only.
    • In the search box that opens, copy and paste this line:
    • <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
      

      NOTE: in case you find two occurences of the code line above, you have to replace both.

    • After pasting the line above, press enter. And once found, replace it with the codes below:
    • <div class='post hentry uncustomized-post-template' expr:id='"post-" + data:post.id' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
      
    • Now, search for this tag:
    • </head>
      
    • Once found, replace it with the lines in the code block below:
    • <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <style type='text/css'>
      #post-your-post-id-here{display:none;}
      </style>
      </b:if>
      </head>
      

    NOTE: remember to replace the "your-post-id-here" with the actual post ID you want hidden from the homepage.


  7. Hide Entire Posts from Blogspot Blog Homepage
  8. You may wonder if it is necessary at all to hide the entire posts from displaying on the Blogspot Blog Homepage but if you are that kind of blogger who thinks and wants extreme customization for your Blogspot blog, you may want to go this extra lenght. Besides, this option is specially good for those willing to make a static homepage for their Blogspot blog so that it looks more professional.


    Hiding the Entire Posts On Blogger blog Homepage

    • From your Blogger dashboard go to theme formarly known as template and click it. From the page that opens, click Edit theme
    • Click anywhere inside the theme's code area and press CTRL + F keys - this will open a search box that allows you search from within the code area only.
    • In the search box that opens, copy and paste this line:
    • <b:include data='post' name='post'/>
      
    • After pasting the line above, press enter. And once found, replace it with the codes below:
    • <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <b:include data='post' name='post'/>
              </b:if>
      
    • Now, click Save theme to effect the changes.
    • Done! You can now go to your blog's homepage to see the effect.
Conclusion

Other than giving your blogspot blog a more customizable options and a professional feel, utilizing these tips also give your blogspot blog a better fit and chances when it comes to competing for certain SEO stands. More note on this are revealed where we discuss How to Create A Perfect Static Home Page for Blogspot Blog.

0 Comments

share this | subscribe