Add custom post footer in blogger

Husnain | July 22, 2015 | Blogger Widgets, Blogging | 4 Comments

Google Blogger is the world’s second largest blogging platform. It has many outstanding features including a free super fast hosting which indeed makes it more superior than other platforms, but still Blogger has many limitations and flaws which can be ignored by doing some customizations in the ordinary template.

Today we will talk about a weak point of Blogger and that is the post footer area. Blogger already has a post footer area, but it really looks ugly. The design doesn’t look professional and those social buttons are really poor to be very honest.

So today we will learn a trick from which we can completely change the post footer of our blogger template. To install a custom post footer in your template, follow the tips given below:

First go to Blogger Dashboard>>Template>>Edit HTML and search for ]]></b:skin> tag. Once you have found it, paste the below given code just above the skin tag.

[php].post-footer {
display: none !important;
}[/php]

We just disabled the normal post footer which comes with a normal blogger template. Now we need to install our custom footer, for this search for <div class=’post-footer’> tag. You may find two matches, make sure that you proceed to the second one.

Just paste the below given code before the second <div class=’post-footer’>:

[php]