Add a Pinterest button to your Blogger pictures

How To Add A Pinterest button to blogger Pictures

How to Add a Pinterest hover button to your Blogger images! But What is a "hover button"? This is a button that appears when you put the mouse pointer over an image.

1- In your Blog, click Template, and then Edit HTML.

2- Scroll down the code and find this line: </ body>

3- Copy the code below and insert just above the tag.

<script>
//<![CDATA[
var bs_pinButtonURL = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6bMTtHDxK0UfGBfr1_3M64AQUId4qOV0Vjl5zVfs1B7lLiQGCbO80x8gjopzvYzLXC9-e7OjgREyXaaZ8znF4oVcl9za6U04Kxop1x532FbpHyhWTDToSrKes4w3-leS4T3x8_013OgNV/s1600/pinterestx1_72.png";
var bs_pinButtonPos = "center";
var bs_pinPrefix = "";
var bs_pinSuffix = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script id='bs_pinOnHover' src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js' type='text/javascript'>
// This Pinterest Hover Button is brought to you by bloggersentral.com.
// Visit http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html for details.
// Feel free to use and share, but please keep this notice intact.
</script>