Do Your Part: Spread the “Go Green” Message

April 20, 2009

(Update - a few folks were having trouble loading these cool badges - this should be fixed now, but please let us know if you're still having issues!)

Kermit the Frog sang, "It’s not easy being green." And though there's no amphibian-puppet we respect more, we’d like to respectfully disagree.

One of the things we feel strongly about at TypePad is taking care of our planet. We truly believe that every act of green—no matter how big or small—makes a difference. And we’ve noticed that a lot of you feel the same way.

That's why we've created these Green Badges for your blog. Now you can show all your readers how green you are, and encourage them to get involved as well.

Each badge links to the One Million Acts of Green in partnership with Cisco website. One Million Acts of Green is a collaborative environmental campaign encouraging everyone to go green. One act at a time. The goal? One million acts of green because, as we all know, we’re more powerful together than we can ever be apart.

By putting this badge on your blog, you'll not only be spreading the message of the importance of going green, you'll be participating in an environmental campaign that could impact the world forever.

And if that weren't enough, when the badges receive 100,000 impressions across the blogosphere, Six Apart will donate $1000 to The Climate Project.

Do your part and add a badge today.

And visit One Million Acts of Green and record your acts of green.

Because together, we CAN make a difference.

Here's how to add your badge:

For TypePad users

  1. Choose your badge (scroll down).
  2. Click the button for the badge you want to add to your sidebar.
  3. You'll be sent into TypePad. Choose the blog you want to add the badge to.
  4. Click Add Widget. The badge has been added to your sidebars.
  5. View Weblog.
  6. If you want to change where the badge appears in your sidebars, go to Design > Content.

For Vox users

  1. Choose your badge (scroll down).
  2. Login to Vox click on You, then Change Your Design. The design page displays.
  3. Under 'Select a layout', click on 'Customize your sidebars'. A pop-up window displays showing all the elements you can add to your sidebar.
  4. Check the Embed checkbox and then click on the configure link. A second-pop up displays.
  5. For Widget Title, enter 'One Million Acts of Green'. For the Widget Code, copy and paste in the badge HTML code.
  6. Click OK and then Apply. Your badge is now on your blog.

For Blogger users

Blogger users can add the badge to their sidebars using Page Elements. Here's how:

  1. Choose your badge (scroll down).
  2. Login to Blogger. The Dashboard displays.
  3. Under your blog's title, click on Layout. The Page Elements page displays.
  4. Click on Add a Page Element. A pop-up window displays.
  5. Select the HTML/JavaScript element. A configuration page displays.
  6. For the element's Title enter 'One Million Acts of Green'. For the Content, copy and paste in the badge code.
  7. Click Save. The pop-up closes and takes you back to the Page Elements page. You'll now see the element you just created. Drag and drop it to arrange where it appears.
  8. Open your blog in a new browser window to view the new badge.

For WordPress users

  1. Choose your badge (scroll down).
  2. Login to WordPress. Your dashboard displays.
  3. Click on Design > Widgets. The widgets page displays.
  4. Find the Text widget on the left. Click on Add to add it to your sidebars. A 'Text' widget now displays in your sidebar on the right.
  5. Click on Edit to edit the widget. Leave the widget title blank and for the widget content copy, paste in the badge HTML code.
  6. Click on Save Changes. To change the order of your widgets, drag and drop them to arrange them to your liking.
  7. Open your blog in separate window.

    WordPress.com users: Since you can't have JavaScripts, you'll need to save the image you want to your hard drive and then add it as an HTML widget to your blog.

Here's your badge codes:

160 x 90 pixels
(fits most TypePad Sidebars)

Badge HTML code:

<script src="http://sixapart.adbureau.net/jserver/SITE=TYPEPAD/CP=cis1/AAMSZ=1X1" type="text/javascript"></script>

Blogger, Vox and WordPress instructions above.


Badge HTML code:

<script src="http://sixapart.adbureau.net/jserver/SITE=TYPEPAD/CP=cis4/AAMSZ=1X1" type="text/javascript"></script>

Blogger, Vox and WordPress instructions above.


Badge HTML code:

<script src="http://sixapart.adbureau.net/jserver/SITE=TYPEPAD/CP=cis7/AAMSZ=1X1" type="text/javascript"></script>

Blogger, Vox and WordPress instructions above.


Badge HTML code:

<script src="http://sixapart.adbureau.net/jserver/SITE=TYPEPAD/CP=cis10/AAMSZ=1X1" type="text/javascript"></script>

Blogger, Vox and WordPress instructions above.


200 x 150 pixels

Badge HTML code:

<script src="http://sixapart.adbureau.net/jserver/SITE=TYPEPAD/CP=cis2/AAMSZ=1X1" type="text/javascript"></script>

Blogger, Vox and WordPress instructions above.


Badge HTML code:

<script src="http://sixapart.adbureau.net/jserver/SITE=TYPEPAD/CP=cis5/AAMSZ=1X1"type="text/javascript"></script>

Blogger, Vox and WordPress instructions above.


Badge HTML code:

<script src="http://sixapart.adbureau.net/jserver/SITE=TYPEPAD/CP=cis8/AAMSZ=1X1" type="text/javascript"></script>

Blogger, Vox and WordPress instructions above.


Badge HTML code:

<script src="http://sixapart.adbureau.net/jserver/SITE=TYPEPAD/CP=cis11/AAMSZ=1X1" type="text/javascript"></script>

Blogger, Vox and WordPress instructions above.


300 x 250 pixels

Badge HTML code:

<script src="http://sixapart.adbureau.net/jserver/SITE=TYPEPAD/CP=cis3/AAMSZ=1X1" type="text/javascript"></script>

Blogger, Vox and WordPress instructions above.


Badge HTML code:

<script src="http://sixapart.adbureau.net/jserver/SITE=TYPEPAD/CP=cis6/AAMSZ=1X1" type="text/javascript"></script>

Blogger, Vox and WordPress instructions above.


Badge HTML code:

<script src="http://sixapart.adbureau.net/jserver/SITE=TYPEPAD/CP=cis9/AAMSZ=1X1" type="text/javascript"></script>

Blogger, Vox and WordPress instructions above.


Badge HTML code:

<script src="http://sixapart.adbureau.net/jserver/SITE=TYPEPAD/CP=cis12/AAMSZ=1X1" type="text/javascript"></script>

Blogger, Vox and WordPress instructions above.


comments powered by Disqus

Welcome

Need help?

Follow us!

Typepad on FacebookTypepad on TwitterTypepad on Google+Typepad on PinterestSubscribe to Everything Typepad

Like us!

Typepad Newsletter

Still having trouble? Contact Support.