Add Pinterest Pin it Hover Button to your Blogger Images

Images have always played a prominent role in attracting new visitors through search engines like Google and Bing.
Due to numerous requests from our readers, here we present yet another Pinterest pin it button widget. This time a button that appears when you mouseover or hover any image in your posts.

Pinterest lets blog owners use their service to add a 'pin' to photos or content images on the site. When visitors of that site see a photo they like, they can choose to click on the red Pinterest button for Blogger, and add it to their Pinterest account.

The person who pressed your Pinterest button for Blogger can now see your photo on their dashboard, and share it with friends or followers on the service. They can also come across this photo when users add keywords or category tags to the image. More importantly, that photo links to your site when clicked on and will contain a description title of your blog name or post.
Therefore, adding the Pinterest button for Blogger will help you to benefit from tons of new traffic coming from Pinterest and people who had found your photos and post links using the service. Here are some steps to add your very own Pinterest button.

Tested in> Firefox 4, Safari 4, Chrome 13, Opera 10, IE 8

How to Add Pinterest Pin it Button in Blogger

Go to Blogger >> Template >> Edit HTML
Now Find </body> ( Press Ctrl+F button from keyboard to find)
Copy and Paste The Following Code Above </body>
Save the Template
You are Done!

/--------BLOGGERPLANET.COM —————- */
<script>
//<![CDATA[
var custom_pinit_button = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjytKmkAbBM3oe8d1Sz7UM4DKr3pkFHzWKYwnhC3uIR2cwPzDCnXs8WtpoWenqI4HVWBhMzfXj7loAOc6AvUXVrzpZpGvyULJ7IYJlIVM5uMEI1U-3-UE7E4adb11QhsTLcMi2NqvpYQobO/s1600/pinit-button.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>
<script id='pinit-img-button' src='https://fd096cbee9cf47b42eabb0b206ba9505e55e75be.googledrive.com/host/0B7GoCxinlqjyVVlLY056UDlXaGc/PIN%20IT%20BUTTON%20ON%20HOVER.txt' type='text/javascript'>
</script>