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>

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: ChaoticSoul

HTML for the text widget:

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

CSS for the stylesheet editor:

#footer {display:none;}
#page {position:relative;}
#newfooter {position:absolute; bottom:-70px; left:0; padding-bottom:25px; font-family:Georgia,'Times New Roman',serif;}


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:

TEXT_WIDGET_CONTENT
<div id="newfooter">
<p>LEFT_TEXT_HERE</p>
<p>RIGHT_TEXT_HERE</p>
</div>

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;}