How to hide a post or posts from home page in a blogspot blog ~ SAMPATKUMARI'S Blog "PARISHKAR"

How to hide a post or posts from home page in a blogspot blog

How to hide a post or posts from home page in a blogspot blog-Sometimes we notice that a post or some of the posts are no longer of the interest of the viewers. For example if a blogger posts job related advertisements on his blog and such posts are not of any interest of the viewers, once the recruitment process is complete. We want to hide such posts from our blog’s home page as these have lost their importance. We don’t want to spoil the valuable time of our viewers seeing such out dated posts. Such posts also create a bad impact about our blog because every viewer is interested in relevant matters only. We can hide irrelevant posts by following this simple method –


How to hide a post or posts from home page in a blogspot blog
Hide a post or posts from home page in a blogspot blog


1.            Backup your blog and template.
2.            Login to your Blogger Dash Board using your ID and Password
3.            Click Template>Click Edit HTML.
4.            Click Jump to widget and select blog1 from the drop down list.
5.         Click any where in the open HTML document and Click Ctrl+F, the HTML search box will appear in the top right hand corner
6.       Write or copy and paste this code “<div class="date-outer">”  in the HTML search box and press Enter, the code will appear highlighted like this in the HTML file –

</b:if>
                       </b:if>
                        <b:if cond='data:post.isDateStart'>
                        &lt;div class=&quot;date-outer&quot;&gt;
                        </b:if>
                       <b:if cond='data:post.dateHeader'>

7.            Now replace the highlighted line with the following code -

&lt;div class=&quot;date-outer&quot;
<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;Link of First post to be hidden&quot;’>style=&#39;display:none;&#39;</b:if>
<b:if cond=’data:post.url == &quot; Link of Second post to be hidden &quot;’>style=&#39;display:none;&#39;</b:if>
</b:if>
</b:if>
</b:if>
&gt;
Note- (1) Replace the text in red” Link of First post to be hidden” with the URL of your first post
                      to be hidden.
(2) Replace the text in red” Link of Second post to be hidden” with the URL of your   
                       second  post  to be hidden.
            (3) You can add more URLs in the same manner.

Safely save your Template and Done. 

Now check the change by visiting your blog’s homepage to confirm that weather your posts are successfully hidden or not.

Thanks for visiting and welcome again.

If you are interested to read about How to customize Navigation Bar of Third Party Blogger Template Please click this link.

If you are interested to read about Blogger SEO Tips-Blog Title Swapping for Better SEO Result Please click this link.


2 comments:

  1. I was wondering if I can do that on WordPress or not? Will have to look for it..

    ReplyDelete
  2. was wondering if I can do that on WordPress or not? Will have to look for it."How to hide a post or posts from home page in a blogspot blog"
    have to look for it..

    ReplyDelete