Wednesday 29 October 2014

How To Hide Certain/Specific Posts From Homepage Of Blogger Blog

Do you want to hide useless or outdated articles or posts from your blogger blog homepage without deleting them?  Generally, bloggers don’t like to hide their posts from their blog. But in some rare cases they also don’t like to show them. A blogger never want to show a finished giveaway articles and expired coupons or expired offers articles. If you show outdated information on your blog than you may lose your blog readers trust and traffic also because outdated information is always considered as spam. Every blogger want to serve only fresh and high quality articles or content to his/her blog users. So, today we are going to show you how to hide certain outdated posts from homepage of your blogger blog.

How To Hide Specific Posts From Homepage Of Blogger Blog :

Method 1 :

  • First you have to login your blogger account.
  • After logging in go to blogger Dashboard>>Templates>>Edit html and search for the below code in your blog template html [ Use Ctrl+F to search ].
<div class="date-outer">
  • Now replace the above code with the following coding lines.
 <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 URL&quot;'> style=&#39;display:none;&#39;</b:if>
</b:if>
</b:if>
</b:if>
</div>&gt;
* Don't forget to replace Your Post URL with your blog article or post link which you want to hide from homepage.
  • If you want to hide more than one post than place the following code in above coding just before </b:if></b:if></b:if></div>&get;
 <b:if cond='data:post.url == &quot;Your Another Post URL&quot;'> style=&#39;display:none;&#39;</b:if>
  • In same way you can hide more post from homepage.Now save your template and view your blog homepage.That's it, you have successfully removed useless articles from your homepage.

Method 2 :

  • Go to blogger Dashboard>>Templates>>Edit html and search for the ]]></b:skin>  tag in blog template.
  • Then paste the following CSS code just above the ]]></b:skin> tag.
<style>
<b:if cond='data:blog.url == ... >
#YOUR POST ID {display:none}
</b:if>
  • Now Replace YOUR POST ID with your 19 digit unique post ID number.If you don't have your post id number, read this tutorial here to get it.
  • To hide more than one post, place the following code just below the above CSS code.
 <b:if cond='data:blog.searchLabel == ... >
#YOUR 2nd POST ID {display:none}
</b:if>
  • Your can hide more posts by placing above CSS code line again and again.After placing the code save your template and view your blog homepage to see changes.

How To Hide Posts Under Specific Labels From Blogger Blog :

  • Go to your blogger Dashboard>>Templates>>Edit html  and search for the following code in your blog template.
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<data:post.dateHeader/></h2>
</b:if><b:include data='post' name='post'/>
  • Replace the above four lines of coding with following code.
<b:if cond="data:blog.url == data:blog.homepageUrl">
<b:if cond="data:post.labels == &amp;quot;&amp;quot;">
<b:if cond="data:post.dateHeader">
</b:if></b:if></b:if><br />
<h2 class="date-header">
<data:post .dateheader=""></data:post></h2>
<b:include data="post" name="post">
</b:include>
<b:loop values="data:post.labels" var="label">
<b:if cond="data:label.isLast">
<b:if cond="data:label.name != &amp;quot;&lt;span style=&quot;color: red;&quot;&gt;Your Blog Label Name&lt;/span&gt;&amp;quot;">
<b:if cond="data:post.dateHeader">
</b:if></b:if></b:if></b:loop><br />
<h2 class="date-header">
<data:post .dateheader=""></data:post></h2>
<b:include data="post" name="post">
</b:include>
<b:else>
<b:if cond="data:post.dateHeader">
<h2 class="date-header">
<data:post .dateheader=""></data:post></h2>
</b:if>
<b:include data="post" name="post">
</b:include></b:else>
  • Replace Your Blog Label Name with specific label name which posts you want to hide from homepage.Congratulation you have successfully removed posts under specific label from your blogger blog homepage.
Recommended : How To Fix Blogger Comment Form Message Error In Threaded Comments
Thanks for taking your time to read above article.We hope above helps you in removing outdated posts from your blog homepage without deleting them.This article is for those bloggers who don't want to show low quality posts on their homepage.Please leave feedbacks and suggestions below in comment box.And please don't forget to socialize this article.

1 comment: