Adding a Footer to your Typepad Blog

I seldom see Typepad blogs with nice professional-looking footers. Most websites have them and adding on to your Blog helps make it look a lot more professional as well. We recently created a blog with a footer for a client and it occurred to me that I should share the technique. 

It's actually almost trivial to add a nice footer to your Typepad blog without resorting to Advanced Templates (I almost never use advanced templates because you give up so much flexibility and control.) To use this method the footer must be constructed entirely as a graphic image. 

One prerequisite: Your Typepad blog must be at the 'Pro' level or greater.

Most of Typepad's recent templates are 940pixels wide, so create your footer graphic the same width.  Make note of it's height in pixels and then upload it (Control Panel ->Files). Record the resulting URL of the file.

Next go to Weblogs->Design->Custom CSS and paste this into the field:

#container-inner { 

 background-image: url(URL-of-your-footer-image); 

 background-position:bottom center; 

 background-repeat:no-repeat; 

 padding: 0 0 131px 0; } 

Replace "URL-of-your-footer-image" with the url you recorded above when you uploaded your footer image.  Replace the "131" with the height of your footer image in pixels.

That's it.

Comments

[Susan @ Raisin Toast]

Thank you so much for this tutorial on adding a footer to a TypePad blog. I have been learning web design on my own one day at a time and have been working on redesigning my TypePad blog within their Advanced Templates. When I googled: "Adding a footer to a TypePad blog in Advanced Templates" yours was one of the links that came up in the search results. I am so happy to have found your site and appreciate your tutorial!

I will be launching my new re-designed site in February, 2009.

Susan
http://www.raisin-toast.com

[Anastasia]

Thanks for sharing this. I am very interested in webdesign, and I truly wish I could add that footer to my Typepd blog even though my blog is not a business blog.Hope it works.