Due to some circumstances, this blog is now up for sale, for more enquires contact: Plushista@gmail.com
Pin It

Show Pinterest Pin it Button On Images On Mouse Hover

If you are thinking of using Pinterest effectively for your business, then consider applying this awesome hack to your blog images. Pinning image will now get more easier for you and your readers after applying this hack. The pin it icon will appear on mouse hover and it works on most browsers like Firefox, Internet explorer, Google chrome. But it doesn't work in dynamic view, mobile template and when you enter your blog page using read more link.
On mouse hover the Pinterest pin it icon will appear on your images as shown in the screenshot below.

In our previous post we also shared a tutorial on how to disable right click on blog images which might also be of an interest to you.

How To Add Pinterest Pin it Button To Images

  • Go to Template > Edit HTML > Proceed
  • Use ctrl F to find </body> and paste the following code above/before </body>

var bs_pinButtonURL = "http://3.bp.blogspot.com/-y3xzTGiGzH0/UK4XOaUpdaI/AAAAAAAADw8/Z1MH4Jr4Efo/s1600/pinterestx1_72.png";
var bs_pinButtonPos = "center";
<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>

  • Save your template.

How to block the button on a particular image?

If you wish to block the image from appearing on a particular image, simply assign nopin class to the image tag in your post editor after switching to HTML mode. See the example below.

<img class="nopin" border="0" src="http://2.bp.blogspot.com/-yvFnf33B75M/UQQpeeOFvpI/AAAAAAAADVo/SFOTUt10GwI/s1600/image.jpg" />

You might also like:
Hope you found this useful? Take few seconds to share it.
Happy Pinning!

Go Social:

Subscribe For Free Updates!

*Please confirm the email sent to your inbox after clicking "Sign Up!".

14 comments : Post Yours! Read Comment Policy ▼
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. AWESOME -
    BUT I did not manage, on my blog ... ?
    I followed the instructions but the url. answer w a white screen after


    1. The pinning will not work if you enter a page with ''read more'' link, i.e if the url have #more at the end, you can enter your page with post title and see what happens next. But always allow your blog to load fully.

  2. Hi, this isn't working on my blog... can you possibly help?

  3. The code works perfectly, but I would love to move the Pin it button to the right top/bottom corner of the images, do you think that would be possible?
    Thanx a lot,

    1. look for the following line in the code above

      var bs_pinButtonPos = "center";

      Edit center with any of the below value


    2. Hi! It doesn't work on my tumblr blog. I followed the instruction carefully. Can you help?

  4. How to hide Widget of our home page..? cricket news today i Have an issue about my site of cricket.you may also watch cricket live updates.

  5. Thank’s for sharing informative things about us. If you like Men’s hair cut styles and latest hairstyle in 2017.Share with you Men’s hair styles 2017 . Love to see your blog

  6. Jordan Brand brings back the classic Air Jordan 9 with the release of the Air Jordan 9 OG 2016 Retro for the holidays.This Air Jordan 9 was originally released back in 1993, followed by a pair of retro Jordan 11 Shoes releases in 2002 and 2010.Dressed in the classic White, Black and True Red color scheme. This retro release features a White leather upper with Black detailing and True Red Jordan 11 "72-10" contrasted accents. The shoe is finished with detailed stitching throughout the upper and completed with ‘Nike Air’ branding on the insoles. The Air Jordan 9 was actually never worn KD Shoes my Michael Jordan on the court, due to his unexpected early first retirement from the NBA in 1993.Check out the detailed images below and look for this classic Air Jordan Eclipse Jordan 9 OG colorway to return on Saturday, December 3rd, 2016 at select Jordan Brand retail stores. The retail price tag is set at $190 USD.
    The Air Jordan Jordan 7 Shoes XXX1 Shattered Backboard is an upcoming Air Jordan 31 that’s inspired by the popular Air Jordan 1 “Shattered Backboard” release.As a nod to MJ’s famous dunk that shattered the Jordans for sale backboard. This release comes dressed in a similar color scheme as the “Shattered Backboard” Air Jordan 1s. Some of the key features is a “Shattered Backboard” graphic on the Cheap Jordans inner tongues and Gum rubber translucent outsoles.Russell Westbrook originally debuted the anticipated release during his Asia tour with GQ in Taiwan.Look for the Air Jordan XXX1 “Shattered Backboard” to Jordan Basketball Shoes release on October 1st, 2016 at select Jordan Brand retail stores. The retail price tag is set at $185 USD.
    The Air Jordan 3 “Cyber Monday” will release a Jordan 7 Tinker Alternate month before the return of the Air Jordan 3 OG “True Blue” as Jordan Brand continues to release special edition Air Jordans for the holiday season.This year is all Jordan Shoes 2016 about the return of the Air Jordan 3, and now we will be accepting a brand new colorway of the iconic silhouette in the Cyber Monday palette.The shoe comes Jordan 13


  7. In your blog I was happy to see your article, better than last time, and have made great progress, I am very pleased. I am looking forward to your article will become better and better.
    hotmail login | red ball |

  8. ICC Champions trophy 2017 which would take place in England this year. champion trophy 2017 schedule champion trophy live score and bally ball commentary.


About Me

My Photo
Durodola Ridwan is a Professional blogger, SEO Consultant, Certified Web developer/designer and founder of www.realcombiz.com. He love writing about Blogging tips, SEO, and play around with codes. You can connect with him on facebook, twitter @realcombiz, and Google+.

Recent Posts

Let's Connect

Site Links

Copyright © 2014 RealcomBiz. All Rights Reserved.
Powered by Blogger