Add Pinterest Button Hover to Images

This tutorial is for those using the Blogger platform for their blog.

Here is a short and sweet tutorial on how to add the hover Pinterest button icon to your pictures when the mouse hovers over an image. I found this information here, but I had to do some tweaking to the info for it to work because it is listed wrong on the website for some odd reason.

To make a beautiful pettiskirt like the one in my photograph, check out my pettiskirt tutorial post!

Blogger:
Step 1: Click 'Overview'

Step 2: Click 'Template',
-click 'Edit HTML'

Step 3:  Find: < / body > , and then copy and paste the code from here and then change it to read like the following code (below) into a section above/before you see this... < / body .

(I couldn't get the HTML to show up so I took a picture of what I typed and inserted it.)

Step 4: Click Save.

Step 5: Refresh website and check if it's working.

And viola, Pinterest hover added to all your images! This is how I got it to work and is explained in my opinion. I did not write this code, just wanted to promote it because it's awesome!! I had to add the closed bracket and script code because it wouldn't copy when I went to transfer it, and the closed bracket > was missing in the code given. Hope this was helpful.

~Be Sweet

Sweetest Haute