How to Add a Pinterest Image Hover "Pin It" Button

Hi everyone!  Today, I was fooling around with my blog, my Pinterest boards and my sad and lonely facebook and twitter accounts. So much my technology my head is spinning. I did find a great addition to my blog on the Pinterest page, so I thought I would share it with you.

Have you ever noticed the "pin it" hover option with images on some blogs. When you mouse over an picture, a "pin it" button will appear on that image, so it's much easier to pin your favorite things to your pinterest boards. In the past on Pinterest, this involved way too much much work with codes and html templates...not for me.

Well, my all day techy session paid off...

Here's a screen shot of a post I did last week. See the "Pin It" button in the upper left corner? That popped up when I moused over it!! I tested this on my real blog and a test blog I have and it worked great on both!!

Let me show you how easy this really is.



First go to your Pinterest Dashboard and click the red drop down menu in the upper left corner.

The click the BUSINESS button on the bottom ( circled in black)

On the next screen, click the TOOLS section.

Now click on the WIDGET BUILDER.

Click PIN IT BUTTON.

Then click the button type... I chose IMAGE HOVER.

Then click on BUILD IT.

Under where it says...load the Java Script, click ADVANCED and a code appears.

Highlight the entire code and right click to COPY.

Now go to your Blogger Dashboard

and click LAYOUT

then ADD GADGET.

Chose the HTML/JAVA SCRIPT option.

Paste the code that you copied into the box and

Click SAVE.

You can drag and drop it anywhere, but it doesn't show up on your side bar anyway...it's just there. I don't know how it works, but I'm glad it doesn't involve coding in my template!!

and here it is again...the PIN IT button will show up on ALL your pictures, even older ones!!

I hope this was an easy one for you. It will definitely make pinning your favorite things a lot faster!!

Happy Blogging,
~Karen~