How to Add Pinterest Pin It button on image hover

Hello buddies! I know you are waiting for my next  article since  in the last few days I was busy in my teaching profession but don't worry because  starting today  I  will try to update my blog more regurly. Today, I will share to you a very nice SEO tip for every blogger to their blog traffic and gain brand exposure and this is all about adding pinterest pin it button to all blog images. Have a mouse hover with image below for a live demo.

Adding Pinterest Pin It Button on Image Hover

Step 1.  Go to Blogger  Dashboard >> Template >> Edit HTML
Step 2. Locate the code below,

</body>

Step 3. Just above the code in step 2, paste the following code,

<script>
//<![CDATA[
var custom_pinit_button = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDkNrj7H_i6mmWzh6Tg-hGtFmLxRqnvNUlV-ZzWCcHRmtb_BaQ2cttjB2GzX1JngTvsBgcIf91WHglz-aRIlHV96BiSOA9App5XLSK3GRC0MQ82uC-maWrrgtIHxc1VADKBwyqrTO-htE/s1600/pinterest-icon.png";
var pinit_button_position = "center";
var pinit_button_before = "";
var pinit_button_after = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script id='pinit-img-button' src='http://bloggingtipsandtrix.googlecode.com/svn/trunk/script/pinterest.js' type='text/javascript'>
//  Please visit Bloggingtipsandtrix.blogspot.com for more widgets and tricks.
</script>

Step 4. Save your Template and you are done!

Customiztion:

• To change the position or location of the pinterest button just replace the red bolded text "center"with topleft, topright, bottomright or bottom left.
• And to change the Pin it button that appears when mouse hover on it, replace the image link in orange bold text above with your own Pin It button image link or URL.
• You can also see some available url of Pinterest Icon here.
•  If you want to disable this in one of your specific images, just go to your specific post and switch it HTML mode and locate the image element and type class="nopin" right before the closing slash and angle bracket as shown in the image below.
  

That's all buddies! Enjoy!

About the Author:

Hello folks! This is GOLDEN WORKS TV, the admin of this blog. No words could described my grateful appreciations to all newbie and professional bloggers around the world and most especially to Almighty God who gave me the wisdom...Read More

Follow him @ Twitter |Facebook