Pinterest Pin It button on image hover

ads space Copy the code below and insert it right above the tag.

• Code line 7 9 is for loading jQuery library. Remove this line if you’ve already loaded it somewhere else in your blog. Hint: If your blog has an image slider, carousel or something with fading effect running, chances are it is powered by jQuery. If this widget doesn’t work, the first thing you want to do is comment out or remove this line.
• To use your own button, replace the URL in line 3 with the direct link URL to the image. Make sure to keep the quotes.
• To reposition the button, replace center in line 4 with the new position as listed below:
  • topleft
  • topright
  • bottomleft
  • bottomright
• [Added 22 Jan 2013] To block the button from appearing on an image, assign “nopin” class to the image tag, like this:
  
  

  You can also block it from multiple images at once. Simply wrap the image tags in a div tag and assign “nopin” class to the div, like so:

  
  PUT IMAGE TAGS HERE
  

  
  
• To add a prefix/suffix to the pin description, simply add your text inside the quotes, like so:
  var bs_pinSuffix = " by Blogger Sentral"; 
• Do not alter the code other than the URL and the position of the button.

ads space