Sunday, December 23, 2012
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:
- Go To Blogger/Blogspot Dashboard.
- Click On Template -> Edit HTML -> Proceed.
- Now find </body>.
- And Paste Below Code Above </body>.
var bs_pinButtonURL = "http://3.bp.blogspot.com/-HfUSaJfr7t4/UNVXY5qwP9I/AAAAAAAAHyA/amPXEMKhKJM/s1600/pinterest-icon+(2).png";
var bs_pinButtonPos = "center";
<!-- 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:
Now Click On Save Template Button.