08 January 2014

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. :)
post signature
Email AshFollow on TwitterFollow on InstagramFollow on PinterestFollow on BloglovinFollow on YouTube

No comments:

Post a Comment

Thank you so much for commenting! I try to respond to all comments, but you can tweet me too for faster communication :). I love talking to you all!

Related Posts Plugin for WordPress, Blogger...
UA-40051127-1