Host our Take Action feed on your blog or website!

Print
Send

On the front page of our website, we list about a half dozen or so simple things you can do to campaign with Greenpeace. You can post this list on your own website using the code below, and it will automatically update every time we add an item.

If you just paste it into your page as is, it's a 160 pixel-wide tower banner like you see below.

(But if you know CSS, you can change the width and colours and link style to anything you like...But if you know CSS, you know that already. ;-) Here's an example of our feed styled to another website. )

Thanks for campaigning with us!

Print
Send

Actions you can take now

Grab the code

/* begin styles for RSS Feed */
.rss-box-action {     
margin: 0em;     
width: 160px;     
background-color: #D3FBCA;
/* Change above line to changer background color of the panel */     
border: 1px solid ##5F74CC;     }
.rss-box-action .update_picl {display : none;}
.rss-box-action .rss-items {    
margin-top:0px;    
padding:0.25em; 0.25em;    
margin-left:0px;    
color:##0099ff;
}

.rss-box-action p.rss-title {
padding:0.25em;
}

.rss-box-action .rss-title {

text-decoration: none;    
font-family: verdana, sans-serif;    
font-size: .9em;    
background-color:#96DA83;

/* change above for color of title box */    
color:#003300;    
font-weight:bold;    
margin: 0px;    
padding:0em;    
text-align: left;
}

.rss-box-action .rss-item  {  
font-family: verdana, arial, sans-serif;  
font-size: 0.9em;  
font-weight : normal;  
list-style:none;  
padding-bottom:.25em;

}

.rss-box-action .rss-item a {
  padding-left: 10px;
  background: url(http://www.greenpeace.org/resources/gcms/assets/graphics/act-arrow.png) no-repeat 0 3px;
  color: #1B6B2C;
  font-size: .9em;
  font-weight:  bold;
  text-decoration:  none;
}

.rss-box-action .rss-item a:hover {
  color: #F60;
}

.rss-box-action .rss-date {    
font-size: .9em;    
font-weight : normal;    
color: #F60;    }

.rssheader {  
width: 160px;
background-color:#238c00;
margin-bottom: 0px;
color: #FFF;
font-family: verdana;
font-size: x-small;
}

</style>
<p class="rssheader"><a href="http://www.greenpeace.org/new-zealand" style="text-decoration: none;"><img src="http://www.greenpeace.org/resources/gcms/assets/graphics/greenpeace-footer-logo.gif" border="0"></a><br />Actions you can take now</p>
<script language="JavaScript" src="http://www.feed2js.org/feed2js.php?src=http%3A%2F%2Fwww.greenpeace.org%2Fraw%2Fcontent%2Fnew-zealand%2Fassets%2Fbinaries%2Faction-rss-xml.xml&tz=+12&css=action" type="text/javascript"></script>
<noscript>
<a href="http://www.feed2js.org/feed2js.php?src=http%3A%2F%2Fwww.greenpeace.org%2Fraw%2Fcontent%2Fnew-zealand%2Fassets%2Fbinaries%2Faction-rss-xml.xml&tz=+12&css=action&html=y">View RSS feed</a>
</noscript>

</div>

Altenative flash based widgets

Or you can use this option. It works in myspace and other places where it's difficult or impossible to use javascript based widgets. The code is below

Multi feed - News, actions, press releases, jobs

Customise this widget yourself or grab the code below...

Grab the standard code or ...

Grab the Myspace code

Grab the Blogger code

Add to Google

Take Action!

View RSS feed

Host our Take Action feed on your blog or website!

Grab the code

Altenative flash based widgets

Take Action!

Copyright ©