Pinterest Pin It Button for Images Plugin

Pinterest Pin It Button for Images Plugin

Recently I began testing a new plugin on my blog Bicultural Mom. So far, it’s been the best plugin I’ve seen for Pinterest because it works every time, looks really flattering on your image and is subtle enough for clean designs.

The Pinterest Pin It Button for Images plugin is only visible when a guest hovers over the image, as you can see in the images below.

On the back end in your settings, the set up is equally simple. You’ll only need to set your content width and where you would like the pin it button to display.

Customizing your Pin It Button for Images Plugin

The only point I would make is that for some, this plugin may be too subtle. In that case you can easily alter the plugin code in order to have the pin button displayed at all times.

On your WordPress dashboard, just go to “Plugins”, “Editor” and from the drop down, select “Pinterest Pin It Button for Images”.

Select the “pinterest.css” file from the link list on the right and you’ll just need to substitute a little piece of code.

Simply replace this snippet of code…

</p>
<p>.pibfi_pinterest .xc_pin,<br />
.pibfi_pinterest img {<br />
 -webkit-transition:opacity .2s ease-out; -moz-transition:opacity .2s ease-out; transition:opacity .2s ease-out;<br />
}</p>
<p>

with this….

</p>
<p>.pibfi_pinterest .xc_pin,<br />
.pibfi_pinterest img<br />
.pibfi_pinterest_hover {<br />
 -webkit-transition:opacity .2s ease-out; -moz-transition:opacity .2s ease-out; transition:opacity .2s ease-out; opacity: .7;<br />
}</p>
<p>

…and this is what you end up with. Your Pinterest ‘Pin It’ button will now be visible to readers without them having to hover to discover the Pin option for images…and you still get the benefits of a hover action. ;)

And that’s it! If you have any questions or if you have used the Pinterest Pin It Button for Images plugin on your blog, please share your thoughts with us in the comments.

DOWNLOAD THE PLUGIN: Pin It Button for Images