Add Pinterest Pin It Official Image Hover Button to Blogger

If you're a blogger, you might have noticed the "Pin It" buttons that appears on mouseover. Pinning an image is now easier due to these buttons. These hover buttons make it easy for your blog visitors to pin your image to their Pinterest boards.When you move your mouse cursor over an image on a blog, a Pinterest logo pops up with a Pin It text prompting you to “Pin” the image to your Pinterest boards. The person who pressed the Pin It button can now see that image on their dashboard and it also link back to your blog. I find pinterest a great way for generating traffic to my blog and i also recommend you to add this button to your blog. Pinterest has its own official "Pin it" hover button which you can add to your blog/website and today in this tutorial we'll show you that How to Add Pinterest Pin It Official Image Hover Button to Blogger.

How to Add Pinterest Pin It Official Image Hover Button to Blogger

First and foremost log in to your Blogger Account >> Select a Blog >> Template and click Edit HTML. Click inside the template code area and use Ctrl+F to search a code and search for the following tag.

</body>

Now copy (Ctrl+C) the below script and paste (Ctrl+V) it just above/before the </body> tag

<script type="text/javascript" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>

Hit the Save Template button and you're done.

From Editors Desk

We hope this tutorial may have helped you in learning How to Add Pinterest Pin It Official Image Hover Button to Blogger. Share this post with your friends and don't forget to subscribe us.

Share This:

Tags:

Blogger Tricks Plugins Widgets

• Prevoius
• Next