Add spark to your blog with a custom footer

July 16, 2009

Have you noticed Typepad's new blog footer option? We introduced it to you briefly last month, but now we'd like to tell you a little bit about how to make it work for you!

Regardless of your account level, you can use some HTML or Javascript to add an advertisement, an image, or even some text (such as Copyright information) to your footer. This simple customization is a great way to add some spark to your blog.

Here, we have added a leaderboard ad to our footer:

Footer

Simply navigate to Weblogs > Design > Content and tick the box next to Blog Footer. Then, click the pencil icon to customize the content. To add custom text or code, select "Advanced". As an example, the following code can be used to place a leaderboard ad in your footer:

You can add HTML code, text or script there. Then, save your changes and you're done!

Our Pro and Business Class subscribers can also use some Custom HTML and CSS to place an ad or image above the blog banner.

Footer-banner-example

Want to set this up on your own blog? You can use the code below:

Now, add the following code to your Custom CSS area. (Edit the height to match the height of the content you are displaying above the banner area)

Customizing the footer is a great, easy way to add some value to your blog!

(While we're talking about ads, did you know that Six Apart Media creates custom advertising solutions that empower marketers to connect with their target audience and help foster community? It's true, and we have a brand new home on the web: take a look!)

Comments

Welcome

Need help?

Follow Typepad

Typepad on FacebookTypepad on TwitterTypepad on PinterestSubscribe to Everything Typepad

Like us!

Typepad Newsletter

Sign Up

You can unsubscribe at any time.

Typepad on Get Satisfaction

Still having trouble? Contact Support.