Pages

Pages

Tuesday

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









3 comments:

  1. Thank you thank you thank you. Can't wait to try it.

    ReplyDelete
    Replies
    1. Okay, I'm trying to do it. How long does it take to find the "body" part? :) This may take awhile

      Delete
  2. I found mine toward the very end of the code....hope that helps.

    Christina at
    SWEET HAUTE

    ReplyDelete

Welcome to the SWEET HAUTE Blog! I recently switched back to Blogger after goDaddy managed WP deleted my database from 2015-on so most if not all current comments/ past posts are gone. Please leave a comment or ask a question below. If a post you are looking for isn't appearing, it is still on my YouTube channel. You can also email me, find out more in the 'About' section. Thanks!

~Be Sweet
Christina
Sweetest Haute