Edutopia Badges and Widgets

Want to showcase Edutopia content on your website? Or display some Edutopia pride? We're very excited to offer you our free educational widgets and badges for your website or blog. Check 'em out and start sharing Edutopia today.

Not a tech whiz? No problem! See our support questions below. Also, if you want to suggest other widget/badge ideas, please email us.


Widgets


Instructions: Copy and paste this code to your website:







Badges


I

Instructions: Copy and paste this code to your website:



I heart 21st-century learning. Edutopia.

Edutopia DG Web Badge

I

I

I

I

Why put an Edutopia badge on my website?

Edutopia provides these badges to help all of us promote and support 21st-century learning in education. Spread the awareness and together we can put the spotlight back on improving our education system.

Why put an Edutopia widget on my website?

Our widgets are a great way to have engaging and new educational content infused into your website or blog. Use our content as a resource and please embed these widgets anywhere you want -- we're here to provide educators with as many free and useful resources as we can.

How do I put these badges/widgets on my website?

Simply copy and paste the code for the widget/badge that you want to place on your website or blog. If you have a wordpress blog, please copy and paste the wordpress code.

Are you sure I can just embed these widgets/badges on my website/blog? Do I need to credit anyone?

Embed away! When you copy and paste the code, it'll have credits associated with the badges and widgets. These are absolutely free to use -- no strings :)

I prefer flash. Do you have specific code for the widget in flash?

Yes, we do. Send us a note at community@edutopia.org and we'll email it to you.

This article originally published on 5/11/2010

see more see less

Comments (11)

Comment RSS
Online reading teacher. Work w/kids who fell through the cracks-Skype

I love Edutopia! Reading feed?

Was this helpful?
0

Is there any way to embed Edutopia posts/blogs/whatever on a feed on my blog-with the content specifically about reading and writing?

Thanks,

Paula
@ChildWillRead

Director of Social Media Strategy and Marketing @Edutopia, edcamp organizer

I've been looking into this.

Was this helpful?
0

I've been looking into this. Can you verify the code that you're embedding into Blogger? Please email membership@edutopia.org, as this forum will not allow you to copy the code in a comment. Thanks!

Quote:

I keep getting an "url contains illegal characters" message. I can't figure out what I am doing wrong. Thanks for your help!

adding badge to blogger

Was this helpful?
0

I keep getting an "url contains illegal characters" message. I can't figure out what I am doing wrong. Thanks for your help!

GED tutor; starting online Masters in Adult Education soon.

Physical badges

Was this helpful?
+1

When they are ready, please send 3 badges to:
Sharon Schering
2912 W Hood Ave A203
Kennewick, WA99336

I want the one that says "Change Maker"
If there is a charge or donation,
email me at sjschering@gmail.com

Thanks for listening to a substitute teacher.

Sharon Schering

Director of Social Media Strategy and Marketing @Edutopia, edcamp organizer

Great idea!

Was this helpful?
0

We don't have physical badges. What were you thinking? Perhaps we can whip something up. We have buttons we can send you.

Quote:

Anywhere I can get a badge to wear as I substitute teacher. My goal is to get students and staff to ask what it means.

GED tutor; starting online Masters in Adult Education soon.

Physical Badges

Was this helpful?
0

Anywhere I can get a badge to wear as I substitute teacher. My goal is to get students and staff to ask what it means.

Director of Social Media Strategy and Marketing @Edutopia, edcamp organizer

A couple of questions

Was this helpful?
0

Hi Roslyn,

What code are you trying to paste? Our widget code or our badges code?

If it's the badges code, I found this article that shows you how: http://bloggerstop.net/2008/09/how-to-embedadd-imagespictures-in.html.

If it's the widget, simply click on the "Get Widget link" underneath the widget and click on the Blogger icon. It'll walk you through installation using a wizard.

Hope this helps!

Quote:

I am trying to paste code in Blogger gadget HTML/JavaScript. I getting aa error message "Required field must not be blank"

IT Director / New York City Department of Education

Information Technologist

Was this helpful?
0

I am trying to paste code in Blogger gadget HTML/JavaScript. I getting aa error message "Required field must not be blank"

Homeschool parent-teacher from the Philippines

Hi! Hmmm, it still didn't

Was this helpful?
0

Hi! Hmmm, it still didn't work. Thanks, anyway!

Director of Social Media Strategy and Marketing @Edutopia, edcamp organizer

Inserting Edutopia Badges in Tumblr

Was this helpful?
0

Hi Racquel -

I did some digging and it seems to me that Tumblr is filtering the html.

These steps may help Tumblr interpret the html:

:: Go to settings
:: At the bottom, turn off ‘Use rich text editing’ and ‘Filter HTML’, and save settings.

Hope this helps!
Elana

Quote:

How do I put the badge on tumblr? Tried uploading, copy and paste but it doesn't seem to work.

see more see less