48 Excellent Examples Of Blog Post Footer Designs
What happens when your visitors are done reading a post on your blog? Maybe they comment on the article, go read another one, click on an ad, get in touch with you, vote and share the post on social media sites, subscribe to your RSS feed, or… simply leave your site.
Of course the last thing we want as bloggers and site owners if for people to scan/read an article and then leave right after. That would suck, right? What can we do to prevent that? Well, the space between the post and the comment section is the perfect place to put a little something that asks our loyal and new readers for some votes on social media sites or maybe invite them to read other articles.
Here are 48 blog post footer designs that should give you some ideas for your blog. Popular trends include:
- related entries
- rss subscription options
- social media icons and badges
- advertisements
- date & time
- categories and tags
- post author boxes
Some are minimalist and subtle, some are big and bold! Which ones are your faves? :)
Abduzeedo ↓
Bad Ass Ideas ↓
Behance Mag ↓
Blogsessive ↓
Spoon Graphics ↓
Chris Brogan ↓
Copyblogger ↓
Creative Curio ↓
CSS-Tricks ↓
CSS Globe ↓
Design Reviver ↓
Dzine Blog ↓
Eighty One Design ↓
Freelance Folder ↓
Freelance Switch ↓
Fubiz ↓
Fudge Graphics ↓
Fuel Your Creativity ↓
Function Design Blog ↓
Go Media Zine ↓
Hongkiat ↓
iDesign Studios ↓
Jon Tangerine ↓
Line25 ↓
Mashable ↓
North X East ↓
Noupe ↓
Outlaw Design Blog ↓
Pearsonified ↓
Problogger ↓
PSD Fan ↓
PSD Tuts ↓
Put Things Off ↓
Search Engine Land ↓
SEO Moz ↓
Skelliewag ↓
Smashing Apps ↓
Smashing Magazine ↓
Think Simple Now ↓
Tutorial 9 ↓
UX Booth ↓
Vectips ↓
Web Kreation ↓
Web Designer Depot ↓
Web Designer Wall ↓
Web Design Ledger ↓
Wired ↓
You The Designer ↓
Your Turn To Talk
Which ones are your faves? And why? Of course feel free to share with us some sites with great blog post footers that are not on this list!
Cheers
Jon Phillips
Please Vote And Share This Post:
jump to the comment form ↓
May 8th, 2009 at 6:04 am
Great list! And thanks for including us in it!
Steve
May 8th, 2009 at 6:26 am
Great inspiration!
I also have a nice post footer on my blog ;) You should definitely include it in your list :D
May 8th, 2009 at 7:58 am
Great collection. It’s interesting how many of these have social media badges to promote their site, but most don’t have the Twitter which is probably the most important.
May 8th, 2009 at 9:35 am
Great collections. Thanks a lot !
You can check my blog: http://www.danhbaweb20.com/
May 8th, 2009 at 9:37 am
Simply superb, I am borrowing one design to make my blog post footer. Again thumbs up buddy!
May 8th, 2009 at 9:44 am
Great article :) its often overlooked the importance of a good post footer
May 8th, 2009 at 10:07 am
Awesome List, especialy mashable and Jon Tangerine did an amazing job!
May 8th, 2009 at 10:10 am
Hey!!! You should see http://bloghelpr.us
May 8th, 2009 at 10:11 am
One that I’m surprised didn’t make the list is Branded07 (http://branded07.com), the online portfolio of Rob Palmer. His web site has gotten some good reviews, being featured in .net magazine here in the UK, as well as making it onto CSS Remix.
May 8th, 2009 at 12:21 pm
thank you! :D
May 8th, 2009 at 12:27 pm
Thanks for this list, there are some good ideas on display here.
@Pavel yours would be a worthy inclusion, very tidy.
I spent a while on my own post footers to de-clutter the design. It’s a links-on-demand type of thing.
May 8th, 2009 at 6:49 pm
Great selection, thanks !
May 8th, 2009 at 7:13 pm
My favorites:
1. CSS Globe
2. UX Booth
3. Line25
4. PSD Tuts
5. Bad Ass Ideas
Great Collection..!!
May 9th, 2009 at 1:49 am
I am not at all amazed at the fact that many of these are the same damn thing with slightly different colors and images.
May 9th, 2009 at 3:58 am
But what makes them excellent?
May 9th, 2009 at 4:38 am
Great ideas, like the jungle put things off one.
May 9th, 2009 at 5:22 am
Which one do you think is the most effective at getting people to click on those links?
May 9th, 2009 at 6:09 am
nice collection of the blog footer. Its gimme some ideas for my own blog footer.. :)
May 9th, 2009 at 10:22 am
There are no specific explanations why the examples are considered ‘excellent designs’. Many of these footer layouts contain the same elements (e.g. ‘Related Posts’, ‘RSS feeds’) and are visually gratuitious with the usual cluttered blog fodder found in many WordPress templates.
The ‘Hongkiat’ footer for example, contains gigantic text (perhaps for the visually-impaired) with a standard link bar widget -and this is noteworthy for what reason(s)?
May 9th, 2009 at 10:41 am
Great selection, thanks !
May 9th, 2009 at 11:10 am
great collection thanks for the list..
May 9th, 2009 at 2:27 pm
Wonderful collection thanks for the list….
May 9th, 2009 at 2:58 pm
Hey Jon, thanks a bunch for the inclusion. Much appreciated, and glad to be in such good company.
May 9th, 2009 at 3:00 pm
@All: thanks for all the comments! really appreciated! :)
@Martin Bean: Rob’s site is totally awesome! I just couldn’t featured everyone, but I’ll do a follow-up post eventually.
@Pavel: Yours does look very nice! (will include it in a next round) :)
@WeaponsTheyFear: But it looks like it’s working for them. I put this post together to give people some ideas for their own blogs.
@Alex: I can’t answer for them, but I think it’s a matter of trial and error and figuring out what works best for your own blog/niche. For example, here on Spyre the blog post footer is very very simple, nothing out of the ordinary, but it works for me :)
@Alex Cristache: welcome bro! you know I love your blog’s design overall :)
May 10th, 2009 at 2:34 am
Great compilation! :) I love these!
May 10th, 2009 at 5:15 am
UX Booth is pretty.. nice list..
May 10th, 2009 at 11:48 pm
This is the third post I have read on this topic and the most concise. I don’t know how you;ve managed to take examples of the footers only, but it is very helpful to see.
Many many thanks.
May 11th, 2009 at 2:42 am
all very beautiful footers, excellent collection.
May 11th, 2009 at 3:06 am
Jon, indeed, it’s the 2nd or 3rd time you listed areas from it on your blog. Thank you! Hopefully, you’ll also like the redesign I’m working on now.
May 11th, 2009 at 7:16 am
NICE Collection… i love nice Footers ;-)
May 12th, 2009 at 3:50 pm
Thanks so much for including me on this list! Funny timing, because I’m on a mission to make a few tweaks to my own blog (sidebar, post footers, etc.) – so this is great inspiration!
May 13th, 2009 at 1:45 am
@Alex Cristache: Oh nice! I’m looking forward to seeing this redesign :)
@Selene: You’re welcome! :)
May 13th, 2009 at 10:05 pm
Great list, it was an inspiration for todays blog post.
http://zacjohnson.com/ideas-fo.....og-footer/
May 14th, 2009 at 2:19 am
@Zac: Thanks for the mention and linkage! Great post by the way! :)
May 16th, 2009 at 8:26 am
Nice post, thanks!
May 19th, 2009 at 12:48 am
Excellent collection of footers. Very helpful to be able to view them one after the other — makes it much easier to compare and contrast. Provides lots of ideas for my own blogs. Thanks.
May 19th, 2009 at 2:06 pm
What a great compilation of blogs… thanks so much!
May 25th, 2009 at 1:31 pm
Thank you for collecting these fine footer examples. Some good ideas.
May 27th, 2009 at 6:31 am
An excellent work….thanks for sharing your post with us…..
May 28th, 2009 at 3:02 pm
YES! Thank you SO much for posting this.
May 28th, 2009 at 3:53 pm
All excellent and makes me want to do it to my blog. Question is, how on earth do you do it! (I’m new at this!). If anyone fancies taking pity on me, I’d appreciate the help. On Twitter – jango77
May 28th, 2009 at 4:03 pm
hey this is a very interesting article!
May 31st, 2009 at 6:50 am
These are GREAT compilations. Really cool designs.
May 31st, 2009 at 7:42 am
really nice an impressive post i was looking for some footer for one of my project.
June 26th, 2009 at 9:07 am
blogssesive is the most i liked on the examples
Who Linked To This Post?
Share your thoughts, leave a comment!
(get your own gravatar)