Add a Green Badge to Your Blog

When the badges receive a million impressions, Six Apart will donate $1000 to The Climate Project. Choose from one of the following eco-friendly designs:

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="https://sixapart.adbureau.net/jserver/SITE=TYPEPAD/CP=cisbdg4/AAMSZ=1X1" type="text/javascript"></script> Blogger, Vox and WordPress instructions above.

Badge HTML code: <script src="https://sixapart.adbureau.net/jserver/SITE=TYPEPAD/CP=cisbdg3/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=cis13/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=cisbdg2/AAMSZ=1X1" type="text/javascript"></script> Blogger, Vox and WordPress instructions above.

Badge HTML code: <script src="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://sixapart.adbureau.net/jserver/SITE=TYPEPAD/CP=cis12/AAMSZ=1X1" type="text/javascript"></script> Blogger, Vox and WordPress instructions above.

Comments

[Jeff Jones]

What a great idea. I don't know about it being easy to be green but it needs doing so well done to you guys.

For easy installation instructions of Wordpress with Simple Scripts see Make my own website at http://make-my-own-website.blogspot.com

[Account Deleted]

My Green Badge isn't working!

[Iheartus.blogspot.com]

My badge isn't loading either!