A Turn to Learn

Ed Tech Integration in the Elementary Classroom

How to Add a Pin It Button to Your Blog!

by //

This week, the bloggers united to vote for how to add a pin it button to your blog!

I initially found this tutorial at Mayura4Ever, which has some amazing tutorials for bloggers.  I kept the same steps, I just added pictures to make it nice and easy to follow!

How to Add a Pin It Button to Your Blog

 
I have to say, I was really surprised by this one coming up first in the poll… I have been so hesitant about putting up poll options that are specific to bloggers because I didn’t think many people would vote for them.  Boy was I wrong!  I’ll be sure to add more blogger tutorials to the poll in the future!

Now… here is the tutorial!

 

<b:if cond=’data:blog.pageType == “item”‘>
<a href=’javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());’><img src=’https://sites.google.com/site/mayuradocs/PinIt.png’/></a>
</b:if> 

Enjoy your new pin it button!

 

 

Comments

  1. muggridge says

    I love your tutorials! Sometimes I learn things that I didn't even know I needed. 🙂 My blog is through wordpress. Could you include wordpress.com in your blog tutorials? Thanks.

    • TurntoLearn says

      I haven't used WordPress before but I'll sign up for an account so that I can play around with it and try to figure it out! I'll update this post when I do!

  3. Mercedes Hutchens says

    I really love your tutorials! There is something I can't figure out that I'd love to see a tutorial on. It seems like there should be a way to save a powerpoint slide as a transparent PNG. When I adjust the background transparency to 100% and save as a PNG it still has the white box. Do you know how to do that?

    Mercedes
    Surfing to Success

    • TurntoLearn says

      Sorry for a separate reply, I just searched the problem and it seems that saving it as a PNG via "Save As>PNG" doesn't support transparency, although there is a workaround!

      Drag a box around the items from your slide that you want in the transparent image (the whole slide if you want). Right click the objects selected, and choose "Save As Picture," and save it as a PNG.

      I just tried it and it worked perfect! It only saved the shapes/text I selected without any of the slide's white background! Let me know if that helps!

  4. Mayura De Silva says

    Hi Jessica,

    Lovely tutorial with images on dear 🙂 Very descriptive in that way and easy to follow too. You made it, huh? 😉

    Thanks for the mention in your post too 🙂

    Cheers…

  5. Bee Isme says

    I love this tutorial! Unfortunately, I've tried it twice and I can't seem to get it to work. I've pasted the code where you said to, but nothing shows up on my blog- no code, no button. I'm wondering if maybe I'm just not seeing it, but others can? I don't know what's wrong! Help, please! 🙂
    Bee
    Bee Teaches

    • TurntoLearn says

      I just checked your blog (and started following!) and it's there! You have to click onto the individual post to see it. Look at step 9 to see wher to click. Let me know if you see it!

    • Bee Isme says

      I don't see it… weird. But I totally believe you and if it's there, then hooray! haha I wonder why I can't see it though. Sometimes computers totally boggle my mind… and I think I'm pretty tech savvy. Thanks for your help!!!! I love all of your tips 🙂

  8. Nancy says

    Wow, your tutorial is awesome!! Thanks for linking up! Now you've given me one more thing to try to add as soon as I get home tonight! Your directions are so clear and easy to follow!!

    🙂 Nancy

Try This Tutorial

Try This Activity

Popular Posts