How to Customize Post Footer

Unknown | 10:05 |

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!

16 comments:

  1. www.seobizz.blogspot.in
    this is my blog i want to add custom footer for my blog. can you help me?

    ReplyDelete
  2. Thanks for sharing nice tips about blogger template customize

    WAN Optimization

    ReplyDelete
  3. Didn't work for me. Am I supposed to erase the other stuff?

    ReplyDelete
  4. Thanks for the tip, works perfect. Check it out implemented here: http://photojournal.daytripjunkie.com/

    ReplyDelete
  5. Pretty adequate post. I merely stumbled aloft your web log and basic to say that I acquire extremely enjoyed annual your web log posts
    طراحی سایت ارزان

    ReplyDelete
  6. I couldn't find any knowledge on this matter prior to.Alsooperate a site and if you are ever interested in doing some.
    tips and advice

    ReplyDelete
  7. great , useful , nice badhiya Jankari.


    visit my site www.techindiaz.com

    ReplyDelete
  8. From the tons of comments on your articles,
    Agence web Rouen

    ReplyDelete
  9. Positive site, where did u come up with the information on this posting? I'm pleased I discovered it though, ill be checking back soon to find out what additional posts you include.
    web 2.0 video marketing

    ReplyDelete