How to - Remove Post and sidebar from Blogger Home Page

If you want to design custom home page for your blogger blog, then your home page post and sidebar will annoy you. In this situation you can remove homepage post as well as sidebar from you blogger blog home page. By default these two will come automatically, you need to remove it manually. In blogger everything easy to do if you learn basic HTML. Removing blog post and sidebar from your blogger homepage is always easy to do. if you remove this, your homepage widget will increase, you can show many things on it.

Removing sidebar from the home provide you full width pages. Hiding Post and sidebar is not a magic, if you get this done, you need to add simple code into your blogger blog HTML template. If you remove sidebar and post from your blogger ensure that your blogger layout is supporting. After removing both you can confirm it with Inspect element in browsers.

In Blogger everything simple and it is providing Conditional tags. Conditional tags will work with all of the Blogger templates. Here your going to hide post and sidebar using Blogger conditional tags.

NOTE: Sidebar will hide only in homepage, In post pages it will be visible.

Hide Sidebar and Post from Blogger Home Page

The below steps will help you to hide pose and sidebar from home page.

Step 1: Log in to blogger blog

Step 2: Open template section and Click Edit Template(Before editing your HTML you must take backup).

Step 3: And search for ]]></b:skin>

Step 4: Paste the below code after ]]></b:skin>

<b:if cond="data:blog.url == data:blog.homepageUrl">
<style type="text/css">
.post, .sidebar, #blog-pager {display:none;}
</style>
</b:if>

Step 5: Save the Template and refresh your website.

I hope the above steps will help you to remove post and sidebar form the blogger blog home page.

Thanks!!!