recent posts

17 How To: Add a Pin It Button to your Blog Posts

August 28, 2011


Are you a PINaholic?  You need me to define PINaholic?  PINaholic: A person addicted to pinning items on their Pinterest boards.
 


Pin It


Would you like to spread your addiction, while also helping drive traffic to your blog?  Then add a Pin It button to your blog posts!  There is no easy plug-in for this yet, so you'll have to do it manually, but hey, if you have a REALLY cool project you want to share, it is worth it!
 
The first step is to visit the Pinterest "Pin It" Button for Websites tool
 
Open a new tab (or Window) and open the post you would like to add the Pin It button to.  Copy the post URL and paste it into the Webpage URL Section:




Locate the image you would like the Pin to include.  Right click the image and click View Image Info (in Firefox) or Properties (in IE).  Find the IMG SRC or LOCATION and copy the HTML code, paste into the Image URL section.




You can then add in what the Pin's description would be if you would like to, or leave it empty and the Pin-er can do it themselves.

Next, choose how you want your Pin It button to be formatted.




Lastly copy the Pin It html code and paste it into the html of your post.  That's it, you're done!  You can create as many Pin It buttons per post as you want, even one per image if you want and then paste them in next to each image (a bit overkill, but you totally could... you know, if you have lots of time on your hands!).

Happy PINing!

17 comments:

  1. Thank for this tutorial! Who's NOT on the pintrest train? LOL

    ReplyDelete
  2. Thank you! What a great tip. I didn't even know you could do that. I'm off to try it out!

    ReplyDelete
  3. Love it! I'm so gonna do it and share it with my readers :)

    ReplyDelete
  4. I'm gonna PIN this post, haha, for later use when I have time. Thanks for explaining this!!! I had no idea!

    Rach H
    www.familyeverafter.blogspot.com

    ReplyDelete
  5. Have I told you lately that I love you....oh wait, I have. This is an awesome tutorial! You rock! Even I understood how to do this.

    ReplyDelete
  6. just started pinning, and I'm addicted!!! I've already pinned two of your pictures!!

    ReplyDelete
  7. Oh my goodness, I can't tell you how awesome this is! I am adding this to most of my blog posts right now! Thank you!!

    ReplyDelete
  8. I love you. No, really. I love you. This is perfect!

    ReplyDelete
  9. Thanks so much for sharing this info! I was *just* looking for how to do this yesterday. Perfect timing.

    ReplyDelete
  10. Thanks for the easy to follow tute, I love Pinterest and it'd be great to get some of my own crafts on it:)

    ReplyDelete
  11. Thanks so much! This was easy to follow and I already added it to one photo.

    ReplyDelete
  12. Great tips, ideas and suggestions-thank you from a Pinterest Addict!

    Best wishes,
    Natasha @ 5 Minutes Just for Me

    ReplyDelete
  13. Thanks Kim, I didn't know I could do this! Thanks so much!

    ReplyDelete
  14. Great blog!

    I'm hoping that there will be an automatic one soon where we can post it in the footer along with the Google +, FB, etc and it will automatically take the link from that specific post for us...

    There must be someone out there who knows! lol...if you come across it ever, please let me know :)

    ReplyDelete
  15. Help! I'm confused as to where to copy and paste the HTML and java script forms?

    ReplyDelete

I love hearing from you!