Sunday, 19 April 2015

// // Leave a Comment

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 of hiding a specific post from your homepage. May be 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 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 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 homepage.

Step 5 : Save the template and you are done.

I hope this tutorial helped you to hide any post from homepage. If you need any help then don't hesitate to comment below.