How to Hide Post Footer in Homepage of Blogger

This tutorial will help you on how to hide the post footer in blogger's homepage. for some point it's a bit annoying and a bit untidy to look at especially if your design aesthetics is minimalist. I don't need to explain further, just see it for yourself. the tutorial is quite easy so lets get going.

BEFORE


AFTER

Step 1. Proceed to EDIT HTML.

Step 2. Paste this code after ]]></b:skin>

<style type='text/css'>
<b:if cond='data:blog.pageType == "index"'>
.post-footer {display:none !important;}
</b:if>
</style>