June 5, 2011

Customize Post Footer in Blogger




As you manage your blog, you have to be more specific in offering quality content for your readers. It should be relevant and unique. However content is not the only aspect you wanna consider when it comes to blogging. You have to think about look and feel of your blog, the services you are offering to your readers to feel them comfortable in reading your content and much more. When is comes to Blogger, specifically, they don't have huge number of plugins to play with. So you may prefer to customize available and make use of them to your blog. One of such element you should not forget about is post footer. Absolutely you know what it is and it appears right beneath your post. Would you mind customizing your post footer?

Blogger let you customize your post footer options easily. Oh, you may have known it. And some may not. Whatever it is, here you can find how to customize basic post footer options provided by Blogger. There you just need to select which one needs to appear or not. And another scenario is, you may not like post footer.

Blogger doesn't encourage users to get rid of post footer and don't provide hiding or removing as an option. So you can't remove it as you remove other widgets added on your blog layout. However if you are wondering about hiding or removing post footer, we can use few simple tricks to remove or hide it as per your requirements. If you are looking for such options, you might find this post helpful.

Here I would like to list out the topics I'm gonna cover here.

● Add or Remove Basic Post Footer Options

● Remove Post Footer from Homepage/Index Page

● Remove Post Footer from Post and Static Pages

● Remove Page Footer Completely from your Blog


Add/Remove Basic Post Footer Options


Here we are looking for how to alter basic post footer options. The Blogger itself facilitate this options for Blogger users.

Steps:

i. Go to Blogger Dashboard.

ii. Click on you Blog Title.

iii. Navigate to Layout tab.


iv. Find Blog Posts element there and click on Edit link correspond to the element.


v. There you can find customization options not only for post footer but also for post page.

 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


vi. Save the element.


Remove Post Footer from Homepage/Index Page


You may have already implemented Read more link to your posts which shows snippet of your post on homepage and links to your full post page. But after implementing that, you are aware of post footer on homepage too.



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.

Steps:

i. Go to Blogger Dashboard.

ii. Click on you Blog Title.

iii. Navigate to Template tab.


Note: Before editing your template, you may want to save a copy of it. Read How to Back Up Your Template.

iv. Now click on Edit HTML button.


v. Find below line of code in your template,

]]></b:skin>

vi. Now paste following code snippet just after ]]></b:skin> line.

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

vii. Save your template.


Remove Page Footer Completely from Your Blog


If you aware of page footer on your blog, you can remove it as follows.

Steps:

i. Go to Blogger Dashboard.

ii. Click on you Blog Title.

iii. Jump to Template tab.


Note: Before editing your template, you may want to save a copy of it. Read How to Back Up Your Template.

iv. Click on Customize button.


v. Now you will be directed to Template Designer. Jump to Advanced.


vi. On the next pane, click on Add CSS tab.


vii. Now add following CSS style code snippet in the text area you find on the right pane.

.post-footer {
display: none !important;
}

ix. Click Apply to Blog button to make changes


Enjoy :-)




Awesome! Thanks for coming by and taking your time to read this post :) I hope you have learnt something today. Now you can share it with your friends and I'd love to hear from you too.






Related Posts and Categories


Category, , , , ,





Comments

* Make sure your comment is genuine and comply with our commenting guidelines.

* Review your email and reply notification settings to receive replies via email.


amaz said...

yeah thats worked for me you are awesome man!

Mayura De Silva said...

Hi Amaz,


You're welcome buddy :)


Thanks for your comment and compliments mate :)


Cheers...

matj said...

Hi,

How you add a default text below in post footer? I have very interested

"Hey, Thank you for stopping by ......."

Mayura De Silva said...

Hi Matj,

It's just text added there :) You can find where to add your text here ~ How to Position Elements on Blogger Post Pages.



Cheers...

jaa09 lucernas said...

how to show footer widget in all page for blogger? can you help me? here are my blog;bloggerheroe.com

Mayura De Silva said...

Hi Lucernas,

Footer widget is available in official Blogger templates by default. As you are using a custom template, seems it has been removed.

However I don't think you need a post footer on your template as all the information on post footer are already showing there in different places. Such as author name, labels :)

Anyway, try steps under "Add/Remove Basic Post Footer Options" heading and see if you can view post footer when you enable that options.



Cheers...

broken toys said...

thanks for your tutorial,
for some reason the footer leaves a horrible gray line behind,
is there any way of getting rid of this?
You can see it here
http://brkntys.blogspot.co.uk/
thanks

Mayura De Silva said...

Hi Mate,


Follow the steps in this posts ~ Hide Post Footer from Homepage in Blogger and you will find no sign of grey line thereafter.


Cheers...

brokentoys said...

excellent!, thanks a lot

Mayura De Silva said...

You're welcome mate :)


Cheers...