Officialhelplines

4 Ways to Hide Posts in Blogger Homepage

For one reason or the other, you may want to hide certain posts from blogger blog homepage and that's entirely possible. But the method to be used to hide post from blogger blog homepage is usually determined by how many blog posts you want to hide from the blog homepage.


    In this tutorial, I discuss several methods you can use to hide blog posts from blogger blog homepage. So, it is your choice to decide which method you prefer to use.


    If you are ready, let's get down to the points.


    Why Hide Posts from Blogger Homepage?

    Ordinarily, all blogger 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 a 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 another stack just behind the SEO labelled blog posts etc.


    Unfortunately, there is no official method of achieving such by blogger but there are a few tweaks you can apply to achieve just that and still get all the benefits of a homepage plus more.


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


    Meanwhile, if hiding the entire blogger blog posts from your blogger blog homepage is what you want, we have another detailed posts published for that and you can find it here:

    How to Hide All Blog Posts from Blogger Blog Homepage


    However, to hide certain posts from Blogger blog homepage, specific posts with specific label or a single blog post, this tutorial here on this page is suitable for you.


    There are a few methods of achieving this and we have discussed all the methods one after another just below.

    how to hide post from blogspot blog homepage

    Are there SEO Effects of Hiding Specific Posts On Blogger Homepage?

    No. None known. But unless you hide the entire posts of your blogger blog from your blogger blog homepage, there are no adverse effects to hidding some blog posts or a blog post from the blogger blog homepage.


    With that said, the tooltip here is that, do not hide the entire blog posts from the blogger blog homepage unless you know how to manage the potential risks of hiding all blog posts on blogger homepage to your advantage.


    To Hide Posts in Blogger Homepage

    In order to hide a post or some posts from blogger blog homepage, you can;


    Hide Post from Blogger Homepage Using Specific Label - Method One

    This tutorial explains with illustration, how to hide blogger blog posts tagged under specific label. So, if for any reasons, you need to hide some of your blogger blog post from the blogger blog homepage, this appears to be the easiest and cleanest method of all.


    Meanwhile, it should be noted that this method of hiding blogger blog post is more advanced and better but only recommended to be used by advanced blogger blog users.


    However, if you can follow the instructions strictly, you should be able to hide your desired blogger blog post from the blogger blog homepage successfully and without any errors or adverse implications.


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


    How to Hide Post in Blogger Homepage Using Post Specific Label

    1. Login your Blogger Account

      On your computer or PC, whichever word you find comfortable to call it, launch your browser and on that browser, login your blogger account by visiting www.blogger.com.

      How to Hide Blogger Blog Post from Blogger Homepage Using Post Specific Label : Method 2 - step 1
    2. Backup Your Blogger Template

      Because the procedures discussed here involves modifying your blogger blog source codes, it is highly recommended that you make a full backup of your blogger template before you proceed.


      To backup your blogger blog theme, see here: how to backup your blogger blog template

      How to Hide Blogger Blog Post from Blogger Homepage Using Post Specific Label : Method 2 - step 2
    3. Click Theme from Blogger Main Menu

      From Blogger Dashboard go to theme formarly known as template and click it. You can locate theme from Blogger Main Menu left of your Blogger Dashboard.

      How to Hide Blogger Blog Post from Blogger Homepage Using Post Specific Label : Method 2 - step 3
    4. View the Source Codes of your Blogger Blog

      From the page that opens, click the radio button that has an icon pointing downward in it and then click Edit HTML.


      If you are still using the older blogger interface which I doubt, from the same blogger dashbord, navigate to Template and on the page that appears, click Edit HTML.


      The next screen will display a whole lots of Codes.

      How to Hide Blogger Blog Post from Blogger Homepage Using Post Specific Label : Method 2 - step 4
    5. Enable Blogger Hidden HTML Search Widget

      Now, click anywhere inside that whole lots of codes and press CTRL + F. This will pop out a search widget that allows you search within the source codes content only.

      How to Hide Blogger Blog Post from Blogger Homepage Using Post Specific Label : Method 2 - step 5
    6. Search for the Blogger Blog Posts Tag

      Now, using the search widget as could be seen from the image above, search for the blogger blog posts tag.


      To do that, just copy and paste the line of code below onto the search widget seen in the image above then, press Enter.


      <b:include data='post' name='post'/>
      How to Hide Blogger Blog Post from Blogger Homepage Using Post Specific Label : Method 2 - step 6
    7. Replace your Blogger Blog Posts Tag with this:

      Now, copy the lines of codes provided below and paste it where you found the line of code in the step 6 above so that the ones below would replace the ones in step 6 above.


      <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>
    8. Save your Theme

      Finally, save your Blogger Theme. Once the theme is saved, you may now visit your blog to see if it works.


      If you have made no mistakes, everything should work fine and as expected.


      How to Hide Blogger Blog Post from Blogger Homepage Using Post Specific Label : Method 2 - step 8
    9. Things to Note:


      • For this method to work, you must have only one label/tag for the post you wish to hide from the homepage.
      • The label / tag is case sensitive thus, SEO is not the same as Seo or seo. Therefore, your label/tag must be typed exactly.
      • 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.

      Hide Blogger Blog Post from Blogger Homepage Using Post ID - Method Two

      This method works exactly as the method discussed from above just that, instead of the post label that is focused in that previous method, this method targets the post ID as our use factor.


      Now, in the step by step instructions below, I detailed how to hide blog post from Blogger Homepage using the post ID.


      How to Hide Blog Post in Blogger Homepage Using Post ID

      1. Login your Blogger Account:

        On your computer or PC, whichever word you find comfortable to call it, launch your browser and on that browser, login your blogger account by visiting www.blogger.com


        How to Hide Blog Post from Blogger Homepage Using Post ID : Method 3 - Step 1
      2. Get the Blog Post ID

        Now we need to get the particular post ID which would be used to hide the post from the blogger blog homepage.


        To get the Blog Post ID, simply go to posts editor page and on that screen, click on your browser's address bar.


        See the image below:


        How to Hide Blog Post from Blogger Homepage Using Post ID : Method 3 - Step 2
      3. Backup Your Blogger Template

        Because the procedures discussed here involves modifying your blogger blog source codes, it is highly recommended that you make a full backup of your blogger template before you proceed.


        To backup your blogger blog theme, see here: how to backup your blogger blog template


        How to Hide Blog Post from Blogger Homepage Using Post ID : Method 3 - Step 3
      4. Click Theme from Blogger Main Menu

        From Blogger Dashboard go to theme formarly known as template and click it. You can locate the theme from the Blogger Main Menu left of your Blogger Dashboard.


        How to Hide Blog Post from Blogger Homepage Using Post ID : Method 3 - Step 4
      5. View the Source Codes of your Blogger Blog

        From the page that opens, click the radio button that has an icon pointing downward in it and then click Edit HTML.


        If you are still using the older blogger interface which I doubt, from the same blogger dashbord, navigate to Template and on the page that appears, click Edit HTML.


        The next screen will display a whole lots of Codes.


        How to Hide Blog Post from Blogger Homepage Using Post ID : Method 3 - Step 5
      6. Enable Blogger Hidden HTML Search Widget

        Now, click anywhere inside that whole lots of codes and press CTRL + F. This will pop out a search widget that allows you search within the source codes content area only.


        How to Hide Blog Post from Blogger Homepage Using Post ID : Method 3 - Step 6
      7. Search for this Line of Code in the Blog Theme Source Codes

        Now, using the search widget as could be seen from the image above, search for the line of code below. To do that, just copy and paste the line of code in the code block below onto the search widget seen in the image above then, press Enter.


        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
      8. Replace the Line Found in Step7 with this:

        Once you have located the line of code from above, you'll need to replace them with the lines of codes in the code block below:

        <div class='post hentry uncustomized-post-template' expr:id='"post-" + data:post.id' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
      9. Search for Blogger Head Tag

        Now, search for this tag:


        </head>
      10. Replace the Head Tag with this:

        Once you have found the head tag, 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.

      11. Save your Theme

        Finally, save your Blogger Theme. Once the theme is saved, you may now visit your blog to see if it works.


        If you have made no mistakes, everything should work fine and as expected.


        How to Hide Blog Post from Blogger Homepage Using Post ID : Method 3 - Final Step

      Backdate Blog Post to Hide the Post in Blogger Homepage - Method Three

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


      How to Backdate Blog Posts and Hide the Post in Blogger Homepage

      1. Login your Blogger Account:

        On your computer or PC, whichever word you find comfortable to call it, launch your browser and on that browser, login your blogger account by visiting www.blogger.com. You can also use your phone in this case.


        How to Hide Specific Blog Post from Blogger homepage: method 1 - step 1
      2. Locate the Blog Post you Want:

        From Blogger Dashboard, click Posts from the Blogger Main Navigation Menu to the left of your screen and locate the New Blog Post link and click it.


        If you mean to hide an existing blog post, simply click that particular blog post here.


        How to Hide Specific Blog Post from Blogger homepage: method 1 - step 2
      3. Adjust the Blog Post Published Date

        Now, from the editor screen, click Published on then adjust date and time of the blog post. Here, enter the date and time as you desire and let blogger update your changes.

      4. Complete your Blog Post:

        Continue with your posts as usual and publish it when you're done editing.

      5. Confirm your Changes:

        Now, visit your blogger blog homepage to verify that the recently edited blog 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 blog posts page dashboard, you will locate the post(s) you wish to backdate and click on the title and proceed as usual.


      Recap: Essential Requirement to Hide Blogger Blog Post from Blogger Homepage

      • Internet Access

        Since you would be connecting to the internet, an active and relatively fast internet access is a requirement for this process.


        You can use your modem, WiFi or connect your phone. Any ISP is okay so long as the internet connection is of mid-range or high-end.

      • Your time

        From start to finish, you may need to designate between 4 to 10 minutes for this process. Though, that greatly depends on the speed of both your internet connectivity and your PC.

      • Your PC

        Whichever you find more comfortable to use, you can start and complete these processes using either your smartphone or PC but I strongly recommend using your PC as majority do not understand how to using text editors on smartphones.

      • Your Internet Browser

        Either you intend to initiate and complete this process using your smartphone or PC, a fully functional internet browser is a requirement.


        For these processes, I recommend Google Chrome, Mozilla / Firefox or Edge web browsers.

      • Text Editor

        One of Notepad++, sublime text editor, Notepad or any other plain text editor is a requirement.

      • Your Attention

        Finally, you need to pay close attention to every single steps detailed from above so that you may do as instructed without any mistakes.


      Final Thoughts: Hidding Certain Blog Post from Blogger Homepage

      Other than giving your blogspot blog a more customizable options and a professional feel, utilizing these tips also give your blogger blog a better fit and chances when it comes to competing for certain SEO stands.

    0 Comments

    to top