February 11, 2013

How To Add A Custom “PIN IT” Button To Your WordPress Blog

pinterestingclick here to download

Over the weekend I added a “pin it” button for the photos on blog posts. Pinterest has become such an important tool for those of us that make our livings with our blogs! It is an incredible driver of traffic.

I had a “pin it” button before, but it was very touchy-feely. It would only show up when it felt like it! After trying about 8 different WordPress plugins I finally found one that works with the most updated version of WordPress, 3.5.1. So far, so good…

The plugin is called jQuery Pin It Button For Images (version 0.9). It allows you to customize your own Pinterest button. It also has a “fade in” feature that allows you to choose a level of transparency when you hover over images on your blog.

Try it yourself:
* First design your “Pin It” graphic & save it as a PNG file.
* Upload your graphic to a photo saving website. I used Photobucket.
* Now you are ready to upload the jQuery Pin It Button For Images plugin.
* Once activated, go to plugin settings.
* Adjust your transparency setting. (I am using 0.4 on the scale). I like that that this level just fades my photos a tad when you hover over them.
* Check the box that says “use custom image.”
* Copy/Paste the URL address of your graphic and then adjust the height/width of your graphic. (all buttons you see on this post are 73 x 73 pixels)

Update your settings & voila! You have a cute pin it button for your blog.

Related Posts Plugin for WordPress, Blogger...
Categories: blogging tips
Posted by:

Comments (14)

  1. Brilliant! Thank you for this!!!

    just love // kelly

  2. yay! glad you like. i thought it was pretty awesome & had to share! shari

  3. Pingback: FALLING FOR FRIDAY / 1 | Westover Manor

  4. If you want to grow your familiarity just keep visiting this web site
    and be updated with the latest news posted here.

  5. Thank you for this post! I just added it and it’s adorable!

  6. This is so helpful, thanks!

  7. I found this on Pinterest of course. I love anything that makes my blog look even cooler. Thanks so much for the easy tutorial and the freebie. I tried my hand at my own, I wanted to use a push pin but I couldn’t figure out how to drop the white background, I don’t have photoshop and have very little knowledge of photo editing other than PicMonkey.

    Thanks again. I’ll be pinning.

  8. Thanks, very helpful!

  9. Thank you for this, Shari! Great tutorial…very helpful!

  10. Thank you so much for this easy to follow tutorial. I made my own to fit in with my site.

  11. This really is a great tutorial! I was looking for a way to add this feature to my blog that has gone through a major re-branding phase. Thank you!

  12. Thanks for this! Works like a charm.

  13. Thanks so much for posting this! I had been wondering how to change the pin it button to something cute. I’m off to give it a try. Thanks!

  14. Thanks for sharing! I’ve been looking for a plug in that let you upload a custom image for the button. 🙂

Add a Comment

* Required

Follow us on Twitter
Like us on Facebook
Subscribe via RSS
Subscribe via Email

We'd love to hear from you! Please email us at