Custom Footer Update

I’ve been in contact with the WordPress.com support team and thought I should bring it to everyone’s attention here: to follow the WordPress.com 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 WordPress.com 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: Ocean Mist

HTML for the text widget:

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

CSS for the stylesheet editor:

#footer p {visibility:hidden;}
#page {position:relative;}
#newfooter {position:absolute; bottom:44px; left:0; color:#798892; text-align:center; width:100%; padding:0;}
#newfooter a {color:#b05255;}
#newfooter a:hover {background-color:#bfd3e0;}

Custom Footer: Twenty Ten

HTML for the text widget:

<div id="newfooter">
<p class="left">LEFT_TEXT_HERE</p>
<p class="right">RIGHT_TEXT_HERE</p>
</div>

CSS for the stylesheet editor:

#site-info, #site-generator {display:none;}
#wrapper {position:relative; padding-bottom:0px;}
#colophon {padding-bottom:36px;}
#newfooter {position:absolute; bottom:18px; left:0; width:100%;}
#newfooter p {width:450px; margin:0 20px;}
#newfooter .left {font-family:"Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif; font-size:14px; font-weight:bold; color:#000; float:left;}
#newfooter .left a {color:#000; text-decoration:none;}
#newfooter .right {font-style:italic; float:right; text-align:right;}
#newfooter .right a {color:#666;}

Follow

Get every new post delivered to your Inbox.