Hide Posts from Blogger Blog Homepage - 4 Best Methods

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 the 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 Should You Hide Posts from Blogger Blog 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 a 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 your 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 Blogger Blog Posts from the Blogger Blog Homepage


    However, to hide certain posts from the Blogger blog homepage, specific posts with specific label or a single 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 for Hiding Posts On Blogger Blog Homepage

    No. Unless you hide the entire posts of your blogger blog from your blogger blog homepage, there are no adverse effects to Hidding some posts or a post from the blogger blog homepage.


    With that said, the tooltip here is that, do not hide the entire blog post from the blogger blog homepage.


    To Hide Posts On Blogger Blog Homepage

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


    1. Backdate Blogger Blog Post to Hide it from the Homepage

    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 appear first or otherwise so that the post can appear in the front before all others or as you see fit.


    How to Backdate Blogger Blog Posts and Hide it from the Homepage

    1. From your Blogger blog, go to posts and locate the New Post link and click it.
    2. From the editor screen, click schedule then set date and time. Here, enter the date and time as you desire and click done.
    3. Continue with your posts as usual and publish it when you're done editing.
    4. Now, visit your blogger blog 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 blog posts page dashboard, you will locate the post(s) you wish to backdate and click on the title and proceed as usual.


    2. How to Hide Blogger Blog Post By Label

    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 Blogger Blog Posts Under Specific Label

    Estimated cost: $0
    Estimated time: 5 minutes
    This tutorial explains with illustration, how to hide blogger blog posts tagged under specific labels. 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.

    Requirements:

    Required tools:

    1. Preparation

    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 Posts Under Specific Label - step

    2. Go to Theme from Blogger Dashboard

    From your Blogger blog dashboard go to theme formarly known as template and click it.
    From the page that opens, click the 3 vertical dots and then click Edit HTML and if you are still using the older blogger interface, from the same blogger dashbord, navigate to Theme and on the page that appears, click Edit HTML

    How to Hide Blogger Blog Posts Under Specific Label - step 2

    3. Enable Blogger HTML Search Feature

    Click anywhere inside the blogger blog theme source codes area then press CTRL + F keys - this will open a search box that will enable you search from within the code area only.

    How to Hide Blogger Blog Posts Under Specific Label - step 3

    4. Search for the Blogger Blog Post Tag

    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 provided in the step 5 just below

    How to Hide Blogger Blog Posts Under Specific Label - step 4

    5. Replace the Line of Codes in the step 4 Above

    Now, copy the lines of codes provided below and paste it where you found the line of code in the step 4 above so that the ones below would replace the ones in step 4 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>
    
    How to Hide Blogger Blog Posts Under Specific Label - step 5

    6. Save your Theme

      You may now save the theme to effect the changes made. Visit your blogger blog homepage to see that everything works as expected.

    How to Hide Blogger Blog Posts Under Specific Label - step 6

    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.


    Recap: Essentials Needed to Hide Blogger Blog Posts Under Specific Label

    1. 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.


    2. 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.


    3. Use 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.


    4. Your 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.


    5. Text Editor

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


    6. 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.


    3. How to Hide Blogger Blog Post from Blogger Blog Homepage Using the Post ID

    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 ID as our use factor.


    How to Hide Posts from Blogger Blog Homepage Using Post ID

    1. 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:
    2. How to Hide Posts from Blogger Blog Homepage Using Post ID - step 1
    3. 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
    4. 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.
    5. In the search box that opens, copy and paste this line:
    6. <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.

    7. After pasting the line above, press enter. And once found, replace it with the codes below:
    8. <div class='post hentry uncustomized-post-template' expr:id='"post-" + data:post.id' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
      
    9. Now, search for this tag:
    10. </head>
      
    11. 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.


    Final Thoughts on Hidding Blog Post from Blogger Blog 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