Add a WCA banner to your blog.
In WordPress
Paste this code into the CSS of your blog or site
.badgecorner {
position: absolute;
right: 0;
top: 0;
margin: 0;
padding: 0;
border: none;
float: none; }
.badgecorner a img {
background-color: transparent;
color: white;
border: none;
text-decoration: none; }
and then include this in a “text” sidebar widget.
<div class=”badgecorner”><a href=”http://access2water.wordpress.com”><img src=”http://www.countrywideweekends.btinternet.co.uk/notacrime.gif” alt=”Kayaking is Not a Crime” Title=”Kayaking is not a crime” /></a></div>
In HTML
//this goes on your head section
<style type=”text/css”>
.badgecorner {
position: absolute;
right: 0;
top: 0;
margin: 0;
padding: 0;
border: none;
float: none; }
.badgecorner a img {
background-color: transparent;
color: white;
border: none;
text-decoration: none; }
</style>
//from here to below, paste the following code somewhere on your body
<div class=”badgecorner”><a href=”access2water.wordpress.com”><img src=”http://www.countrywideweekends.btinternet.co.uk/notacrime.gif” alt=”Kayaking is not a crime” /></a></div>





3 comments
Comments feed for this article
March 24, 2007 at 11:58 am
rob
An alternative implementation is available at http://kayakstan.net/no_crime which is a little more complex, but makes just the banner clickable (rather than the whole rectangle), and brings it to the front so it can’t be covered up by other stuff.
March 24, 2007 at 5:18 pm
tomlaws
Awesome, good work rob!
March 26, 2007 at 2:17 pm
Adding a WCA banner to your site « WCA Access News
[...] http://tomlaws.wordpress.com/wca-banner/ gives you all the information to make it happen. [...]