Custom Footer Update

I’ve been in contact with the support team and thought I should bring it to everyone’s attention here: to follow the Terms of Service you need to make sure that when you modify your footer content you keep the attribution links intact.

To do this you need to include one link to the home page and one link to the page related to the theme you are using. This can be found by following the link in your theme’s default footer. Normally it directs you to the website of the theme author or to an information page for the theme itself. You can still add in extras specific to your site but these two links need to be present otherwise your blog will be at risk of suspension.

Have a look at my footer on this page to see how I have achieved this.

Custom Footer: Coraline

HTML for the text widget:

<div id="newfooter">TEXT_HERE</div>

CSS for the stylesheet editor:

#colophon {display:none;}
#footer {overflow:hidden;}
#container {position:relative;}
#newfooter {position:absolute; bottom:-5em; left:0; text-align:center; width:100%; border-top:1px solid #ccc; color:#888; font-style:italic; line-height:1.333em; padding-top:1.6em; padding-bottom:2.3em;}
#newfooter a {color:#888; text-decoration:none;}
#newfooter a:hover {color:#df0000;}

Custom Footer: MistyLook

This theme has one restriction: you have to display some text widget content in the regular sidebar. Due to the way the theme is designed there is no way to avoid this. The easiest thing to add is a short biography or a copyright notice.

HTML for the text widget:

<div id="newfooter">

CSS for the stylesheet editor:

#footer {display:none;}
#container {position:relative; margin-bottom:32px;}
#newfooter {position:absolute; bottom:-32px; left:10px; width:760px; margin:0 auto; font-size:1.111em;}
#newfooter p {width:50%; float:left; line-height:1.2em;}

CSS advice, ideas and tutorials for bloggers


Get every new post delivered to your Inbox.