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

click 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.