Sunday, December 23, 2012

Pinterest Pin It Button On Image Hover For Blogger/Blogspot

Pinterest Pin It Button On Image Hover For Blogger/Blogspot:-



The internet has fallen in love with Pinterest,It is fast growing social networking site with million's of daily page view.Getting lot's of pins from your blog post's can increase engagement and drive traffic.In this post I will provide you widget which will help you to get more pins from your blog,whenever any reader will put his mouse on image placed in blog post area then Pin It button will automatically appear on image.With this widget pinning image just got easier.

This widget automatically pick correct post title and post URL.It auto fill the image description with help of post title.This widget work's on all browser and the widget code is very small which make this widget installation simple.
Thanks to Greenlava from bloggersentral for providing this awesome widget.


 Adding This Widget To Blogger/Blogspot:

  1.     Go To Blogger/Blogspot Dashboard.
  2.     Click On Template -> Edit HTML -> Proceed.
  3.     Now find </body>.
  4.     And Paste Below Code Above </body>.

<script>
//<![CDATA[
var  bs_pinButtonURL = "http://3.bp.blogspot.com/-HfUSaJfr7t4/UNVXY5qwP9I/AAAAAAAAHyA/amPXEMKhKJM/s1600/pinterest-icon+(2).png";
var bs_pinButtonPos = "center";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script src='http://itbooster.opendrive.com/files/MV81OTczODY2X0dVUXZu/itbooster-pin.js' type='text/javascript'/>
<!-- please do not alter or remove the following code -->
<div id='bs_pinOnHover'><a href='http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html'>Pin It button on image hover</a></div>

  •  To reposition the button,replace Center in line 4 with the new position as listed below:
  1. topleft
  2. topright
  3. bottomleft
  4. bottomright

Now Click On Save Template Button.

2 comments:

  1. It doesn't work on classic blogger right?

    ReplyDelete
    Replies
    1. Its working you need to follow all steps perfectly then check it..Thanks Need help ask again and tell me the error..

      Delete

Make sure to click the "Subscribe By Email" link below the comment for to be notified of follow up comments and replies..