How to Add Pinterest Hover Button to Blog Images | Blog Design Tips

Have you ever wondered how to add the Pinterest hover button to your blog images so others can pin your post via those images? Well, hopefully, I can help. This does require some navigating around your blog template html, but nothing too complicated. When you're done, you should be able to mouse over your images and see the Pinterest button hovering over it. Try it out with the image below.

First, BACK UP your template. Whenever you attempt to change your blog's html, always back up your blog first, just in case something goes wrong. 

Next, edit your blog's html. Go to TEMPLATE > EDIT HTML

Then, you want to find the </body> code using CTRL F or CMD F. Type </body> in the search box and hit ENTER.

When you've found the code, COPY AND PASTE this code ABOVE the </body> tag.

It should look like this:

Finally, SAVE TEMPLATE, and view your blog. Your images should now have the Pinterest hover button, and your readers can share your blog post and your images on Pinterest! 
Hopefully, this was helpful to some of you. Let me know if you have any questions. :)

Share on Facebook|Share on Twitter|Share on Pinterest