Friday, October 18, 2013

How to Add Pinterest Pin It Official Button On Image Hover

Author: Gagan Masoun
Pinterest Pin It Official Button On Image Hover
Pinning an image is a great idea to get more traffic from Pinterest and increase SEO rankings of your blog. Because it has 28 Alexa Ranking (worldwide) & Google Page Rank 8. But this is only possible when you have already installed sharing buttons on your blog. I have noticed that some bloggers blogs have custom pinterest hover button for their website's blog post images. With WordPress you can easily do this task, but with blogger it is difficult.
This button look like the regular pin it button, but it only shows up when a visitor mouse over an image. It is very easy to install it on your blogger blog. So follow the simple step below.

Recommend For You:

How To Add It In Blogger Blog

Please follow given below steps to add Pinterest "Pin It" official button on image hover.

1. Go to Blogger Dashboard » Template » Edit HTML

2. Now, Find </body> Code In Your Blogger Template

3. Copy & Paste Given Code Just Above </body> Tag.
<script type="text/javascript" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
4. Click on Save Button and You're Done..!

Note:- If the above mentioned pinterest script code already added in your template then just add following attribute code in pinterest script tag. You can see complete code above in step 3.
data-pin-hover="ture"

Remember Notes:

Some Images won't show this buttons like CSS background images, images below 80 by 80 pixels in size etc.

You May Like To Read:
So, guys what you think about this Pin It button. If you need our help regarding this tutorial then ask us via comments below. Stay Tuned!

2 comments:

  1. The power of pinterest can't be in anyway under-estimated at all. I do hope this work as well on Wordpress!

    ReplyDelete
    Replies
    1. Yes, you can install plugin for your WordPress blog.

      Delete