0
Images are always important for any blog post to attract the visitors. In this post we are providing the Trick To Add a Pinterest Pin It Mouseover Button on Blogger Images.
pin

I am writing this post because of we will see the pin it image on our blog posts. Pinning the image will now get more easier for everyone and readers after applying this trick.
The pin it icon will appear on mouse hover and it works on most browsers like Google chrome, Firefox and Internet explorer.

But it doesn't work in dynamic view, mobile template and when you enter your blog page using read more link.

Trick To Add a Pinterest Pin It Mouseover Button

To get this effect we need to follow below steps:

Step 1: 


Log into your Blogger Dashboard
Then Go to Template > Edit HTML

Step 2: 


Locate the </body> tag in the template. Use Ctrl + F to find </body> and paste the following code above/before </body> and save the template.


<script>
//<![CDATA[
var bs_pinButtonURL = "http://3.bp.blogspot.com/-y3xzTGiGzH0/UK4XOaUpdaI/AAAAAAAADw8/Z1MH4Jr4Efo/s1600/pinterestx1_72.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>
<script src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js' type='text/javascript'></script>
<!-- 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>

Step 3: 


Now you can see the button on blog images.
Whenever mouse hover the Pinterest pin it icon will appear on your images as shown in the screenshot below.


Changing The Position Of The Pin it! Button If You Want


So we got the pin it! button on blog images. But we are able to change the position of the pint it button like
topleft
topright
bottomleft
bottomright

It is simple to change it by placing the above positions in place of "center". Check the code now.

var bs_pinButtonPos = "center";

If you are using Google Analytics, then you will see the traffic from Pinterest website. We hope that you like our post on this blogger trick. Keep visiting our website for more interesting posts on blogger and others. 

Post a Comment

 
Top