Hide blogger post footer in home page

Sometimes you may wonder how to change the way some components appear on your homepage such as Default Post Footer.  To hide default Blogger Post Footer from your homepage.

Steps:

1. Go to Blogger Dashboard

2. Click on your Blog Title.

3. Jump to Template tab from left pane. 
Note: Before editing your template, you may want to save a copy of it. 

4. Now click on Edit HTML button.

5. Click Proceed button to view Template Editor.

6. Tick on Expand Widget Templates

7. Find below code in your template

]]></b:skin>

8. Now paste following code snippet after ]]></b:skin>.

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

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