Denim Column

About The Author

My photo
Alabama, United States
Educator and Lifelong Learner, Asst Principal at @cmslions, #NBCT, #EdD from @ucumberlands, @Google Educator Lvl 1 & 2, Google for Education Certified Trainer

Tuesday, February 7, 2012

Add Pinterest Pin It Button to Posts

Up to this point (and you will see on past posts), I have had a Pin It button on my blog. I used the button provided by Pinterest. The downside was that it would only pin my blog button. I wanted to be able to select the picture I would pin, so I went Googling.

I found {this post} that gave me directions for exactly what I wanted. I will summarize the directions, so you can add the Pin It button quickly and easily to your blog, too!

  1. Once you are logged into your blog, click DESIGN at the top of the screen. 
  2. Click EDIT HTML.
  3. Check EXPAND WIDGET TEMPLATES. Be sure to back up your template before making any changes.
  4. Click CTRL+F.
  5. Copy and paste this code into the search box at the top right. <data:post.body/>
  6. Once you have located that code, copy and paste this code directly beneath it. <a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src',''+Math.random()*99999999);document.body.appendChild(e)%7D)());"><img style="margin: 0 0 -5px 0;" onclick="doPinIt();" src="" alt="Pin It" /></a>
  7. Click PREVIEW to make sure there is no problem with the code.
  8. If everything is OK, select SAVE TEMPLATE.

Now, you will have a Pinterest Pin It button that will allow the pinner to select any picture on the page.

Happy Pinning! 
P.S. To follow my Pinterest boards, click {here}.


kilgosclass said...

Great idea, Cara! Thanks for posting. I never even thought about doing that until I read this post!