Remove or Hide Post Footer from Desire Pages

I am learning more about of remove or hide the footer section of blog. Mostly, we customize our blog template to get more attention from visitors, like trying out stylish widgets, using different font styles etc. But sometimes we think, how to change the way some components appear on homepage, such as default Post Footer. Actually, its better to show it only at post pages.
Jump breaks (Read more) are great because they allow you to display snippets of blog posts on your home page. But if you are a blogspot user then Unfortunately, by default it displays the footer for each post, which really clutters up your home page.
Don't worry, I have the good news as follow;

1. Remove or Hide Post Footer from Homepage/Index Page
2. Remove or Hide Post Footer from Post and Static Pages

Now, I sharing about this step-by-step;

(1) Remove or Hide Post Footer from Homepage/Index Page

Sometime you may feel, its better to show it only at post pages but not on homepage. Did you land here with that thought in your mind? Then you can learn it from here. There is no option provided by Blogger to remove you Post Footer but customize. So to remove or hide Post Footer from you blog Homepage, you have to dig into your template.
Note: Before editing your template, you may want to backup or copy of it.

Steps

1.Go to Blogger Dashboard >> Template >> Edit HTML.
2.Now press Ctrl+F and find this

]]></b:skin>

3.Now paste the below given code after ]]></b:skin>

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

4. Preview your blog to confirm changes and Save template.

(2) Remove or Hide Post Footer from Post and Static Pages

If you are like to disable your post footer from other pages while keeping it on homepage, you can try below method.

Steps

1.Go to Blogger Dashboard >> Template >> Edit HTML.
2.Now press Ctrl+F and find this

]]></b:skin>

3.Now paste the below given code after ]]></b:skin>

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

4. Preview your blog to confirm changes and Save Template.
 This is my ending of sharing. If you get any helpful, please re-share this post.
Thank!