How to Customize Post Footer

Pin It Now!

When you are new to blogger you want to customize your blog according to your choice such as add a stylish menu bar for your blog,Customize your post footer options and much more.You can customize in four different ways.we are going to explain all of them
1.Add/Remove Basic Post Footer Options
2.Remove Post Footer from Homepage/Index Page
3.Remove Post Footer from Post and Static Pages
4.Remove Page Footer Completely from your Blog


1.Add/Remove Basic Post Footer Options
This facility is already provided by the blogger you have to some simple steps to do so


Steps
1.Go to Blogger Dashboard>Layout.
2.Now in Blog Posts click on Edit option

There you find all the options related to Post page and Post footer
some basic customizations are

- Add/remove share buttons
- Customize number of posts displayed on homepage
- Enable/disable reactions
- Showing off location
- Displaying number of comments on footer
- Showing author name
- Customize date and time displayed on footer


After customizations Now click on Save................


2.Remove Post Footer from Homepage/Index Page
If you want to remove post footer options from your homepage you have to add a CSS code to your templet.


Steps
1.Go to Blogger Dashboard>Templet>Edit HTML.
2.Now press Ctrl+F and find  ]]></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.


3.Remove 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.

1.Go to Blogger Dashboard>Templet>Edit HTML.
2.Now press Ctrl+F and find  ]]></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.


4.Remove Page Footer Completely from your Blog
you can also remove your post footer completely from your blog.
you can also put post footer below post title with different style

1.Go to Blogger Dashboard>Templet>Edit HTML.
2.Tick on, Expand Widget Templates.

3.Now press Ctrl+F and find  .post-footer

4.Now paste the below given after after .post-footer

display:none !important;

i.e:  .post-footer { 

   

        display:none !important;

        ........................................

      }

5. Now Save your template.




Enjoy....................

Pin It Now!