How To Hide Posts From Blogger Home Page

In blogger blogs, when a new post is published, by default it is directly shown on the blog's home page. On many blogger blogs you may have seen welcome messages with some links of particular posts shown rather than showing newest posts. The first step to customize your blogger home page is to hide the posts widget. By default blogger is not giving us an option to do so. However today we are here with a piece of code that can be used to hide the posts from the home page.

How To Hide Posts From Blogger Home Page

1) Find the Widget ID of the blog posts widget from the layout menu.

2) Go To Your Blogger Dashboard Click > Template > Edit HTML > Proceed:

3) Use Ctrl+F to search for the Widget ID.

4) Find the widget code, the widget code will looks something like the below code:

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

5) Now you have to add some piece of code to the above code as shown below.

<b:if cond='data:blog.canonicalUrl != data:blog.canonicalHomepageUrl'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</b:if> 

6) Click on "Save template" button!

That's it! Now you have successfully hid blog posts from the home page of your blog!