Monday, March 2, 2015

HOW TO: ADD A PINTEREST HOVER BUTTON TO YOUR BLOG

Make it easy for your blog visitors to Pin your images — and add a Pinterest hover button to your Blogger images! What’s a “hover button”? It’s a button that appears when you put your mouse pointer over an image. Go ahead and test it out on this image below. Clicking on the Pinterest button that appears in the center of the image will allow you to pin this image to your Pinterest boards.




Here are the instructions for Blogger blogs. (This doesn’t work on Blogger’s Dynamic Views templates or on mobile templates.)
NOTE: This requires editing your Blogger template. Before proceeding with the instructions below, I recommend that you backup your Blogger template first!
  1. In your Blogger Dashboard click on Template and then Edit HTML.
  2. Scroll down to the bottom of the code and find this line:   </body>
  3. Copy this code from BloggerSentral and paste it into your template code right above the </body> code.
  4. Click the “Save Template” button.
  5. Click the “Close” button.
Now view one of your blog posts and you should see a red Pin It button appear on top of your images when you put your mouse pointer over an image. Voila! 
Happy pinning!




1 comment:

  1. I'm so glad that I got to meet you this weekend, though very briefly!

    ReplyDelete

I am incredibly grateful for your comment! I will respond as soon as possible. XOXO, Mandi

Related Posts Plugin for WordPress, Blogger...