How To Hide Specific Posts From Homepage In Blogger

When you creates a new post, you will always see it under your homepage, no matters which labels you assigned to it. There can be any reason for hiding a specific post from your homepage. Maybe that post is outdated or no longer useful or it may also happen that you only wants that post to appear in labels.

Hide Specific Posts From Homepage In Blogger

In this post, I will show you 2 easy methods by which you can hide a specific post from the homepage. Just follow the steps in these 2 methods.

Hide Specific Posts From Homepage In Blogger: Method 1

Step 1 : Open your blogger’s dashboard. Now go to ‘Template’ and edit your template in HTML form.
Hide Specific Posts From Homepage In Blogger
Step 2 : Now click anywhere inside the codes and then using the keys Control+F, open the search box.
Hide Specific Posts From Homepage In Blogger
 
Step 3 : Now search for the following code given below.
             <div class="date-outer">
 
Step 4 : Now remove that code and paste the following code in place of it.
             <div class="date-outer"

    <b:if cond=’data:blog.pageType == &quot;index&quot;’>
    <b:if cond=’data:blog.searchQuery == &quot;&quot;’>
    <b:if cond=’data:blog.searchLabel == &quot;&quot;’>
            <b:if cond=’data:post.url == &quot;Your-Post-Link&quot;’> style=&#39;display:none;&#39;</b:if>
            <b:if cond=’data:post.url == &quot;ANOTHER POST URL&quot;’> style=&#39;display:none;&#39;</b:if>
          </b:if>
          </b:if>
          </b:if>
       &gt;

 
Replace Your-Post-Link with the URL of the post which you want to hide.
To add more post to hide, simply add the following line and write your URL.
<b:if cond=’data:post.url == &quot;Your-Post-Link&quot;’> 
Step 5 : Save the template and you are done.

Hide Specific Posts From Homepage In Blogger: Method 2

Step 1 : Repeat Step 1 and Step 2 from the first method.
Step 2 : Search for ]]></b:skin>
Step 3 : Paste the following code just above it.
<style>
<b:if cond=’data:blog.url == … >
#post-1234567 {display:none}
</b:if>
<b:if cond=’data:blog.searchLabel == … >
#post-8903456 {display:none}
</b:if>
Step 4 : Now, replace 1234567 with the ID number of post that you want to hide from the homepage.
Step 5 : Save the template and you are done.
I hope this tutorial helped you to hide any post from the homepage. If you need any help then don’t hesitate to comment below.

Add a Comment

Your email address will not be published. Required fields are marked *