The Blog Contains Information About Blogging. It has Blogger Widgets, templates and Much More About Blogging.

Wednesday 30 October 2013

Hide PostsThe first thing you need to login into your blogger account and go to Templates >> Edit HTML (be sure you have taken a backup of your template, it is a good practice in case something went wrong you can use the backup) and search for the following code. You will find the below code somewhere near the BLOG1 Code.




Method 1: 

<div class="date-outer">
Now correctly replace the above code with the following lines of coding by making sure you are exactly copying and pasting the right code. If you miss a single thing, then the code will not work and you may face some kind of errors.
<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;
After pasting the above code, now it is up to you which blog posts you would like to hide from your homepage. Replace Your-Post-Link with the URL of you post that you would like to hide from your homepage. You can hide multiple posts by adding more URLS in <b:if condition/> tag.
Congratulations: Once everything is done, save the template. Now go to your homepage and test if things are working according to the plan. If you follow the steps correctly, we are certain it would work just fine.

Method 2:

Every post has its own unique ID, so if we are able to find that unique id we can obviously apply display:none; CSS to hide it from our homepage. We have already written a tutorial on how you can find ID of your posts, so before moving ahead read that tutorial here.

Recomended: How To Find Secret Post ID of a Blog Post In Blogger

Once you got your Post ID, go to Blogger.com >> Template >> Edit HTML and search for the skin tag, and just above it paste the following CSS code. Rememeber. Do not forget to replace post-1234567 with your own Post ID which you would like to hide from your homepage.
<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>
We hope this tutorial, may have helped you in learning a few techniques through which you can hide a post from your homepage. Since, we have used display:none; css so the search bots will continue to index it as it is not completely removed from the source code of your website.
Given below is the video tutorial on finding a postID:

Posted by John Peter on 10:03 | No comments | Categories:

0 comments:

Post a Comment

Powered by Blogger.

Blog Archive

Blog Archive

Bookmark Us

Delicious Digg Facebook Favorites More Stumbleupon Twitter

Text Widget

Sample Text

Download