How to Add a Pinterest Pin It Button in Your Blog

Pinterest is a web and mobile application company that offers a visual discovery, collection, sharing and storage tool.
Adding a pinterest pin option on your blog posts images let your visitor to allow to pin it. When they like some photos they can pin it on their pinterest account.

Now that image will be shown on their account. When that user or his friends click that image, it will be redirected to your blogs post. Also that image contains your blog name and title.This means it is a good way of increasing traffic to your blog. Moreover, you don’t need to do anything, this is a autopilot process of gaining free traffic. Just add this once to your blog and enjoy the coming traffic forever.

Add Pinterest Pin It Button In Your Blog Images

Step 1 : Open your blogger dashboard. Go to "Template" and then click on "Edit HTML".

Step 2 : Click anywhere inside the code. Now using the keys Control+F, open the search box.

Step 3 : Write the code given below in the search box and hit enter to find it.

              </body>

Step 4 : Just above this code, copy and paste the code given below.

             <script>
//<![CDATA[
var custom_pinit_button = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh7D8UggapO8GdE_qFNcH8oZpQ2lHhH15V8xsIu-eIcHJFsQKslGkR-nwHUWyTIolvI7ayjSqM_ftlNT3E_613sXMG8-siIWvEv0ge7EkHf4p_1haoIJHuZ9mrFyJoS71d1yrLem8iM4w/s1600/pinit-button.png";
var pinit_button_position = "center";
var pinit_button_before = "";
var pinit_button_after = "";
//]]>
</script>
<script src="https://kdcode.googlecode.com/svn/trunk/pinterest.js" type="text/javascript"></script>
<script id="pinit-img-button" src="https://kdcode.googlecode.com/svn/trunk/pinterest3.js" type="text/javascript"> 
// Please visit smartbloggingguide.blogspot.com for more blogging tips.
</script>

Step 5 : Save the template and you are done.

You can also change the position of the pinterest button. 

Check this line in the code

var pinit_button_position = "center";

Here center means the pin it button will be shown in the center of the image.

You can change its position by replacing "center" with following :

topleft
topright
bottomleft
bottomright

And if you want to change the pin it button, you can replace the url in blue color with your own url.

I hope this tutorial helped you to add pin it button in your blog.