How to add the pinterest pin in button for blogger

ADDING PIN IT SCRIPT FOR BLOGGER

1. Login to Blogger Dashboard > Choose your Blog and Click the More Options Dropdown
2. Select the Template > Click on Edit HTML > Proceed
3. Check/Tick the Expand Template Widgets checkbox
4. Search for </head> and place the below code before it!

   <script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-blogger-pinit.js"></script>

ADDING PIN IT BUTTON SCRIPT

1. Search for <data:post.body/>
2. Place the Bellow Pin It Button script before or after it
   - If you add the below code before the <data:post.body/> then it will appear the Before the Post Content.
   - If you add the below code after the <data:post.body/> then it will appear the After the Post Content.

   <b:if cond='data:blog.pageType == &quot;item&quot;'> 
   <div expr:id="&quot;w2bPinit-&quot; + data:post.id" style="display: none;visibility: hidden;height: 0;width:0;overflow: hidden;" class="w2bPinitButton"> 
    <data:post.body/>
    <script type="text/javascript">
     w2bPinItButton({ 
      url:"<data:post.url/>", 
      thumb: "<data:post.thumbnailUrl/>", 
      id: "<data:post.id/>", 
      defaultThumb: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpWilT0YI7-8Ouuby6TrEmK9YZNZFGOd5Aqr0rhW_arM684cn6oSS1sO_kB4K-5XKoo6DL33ZwJAy4fE3WQmIVFyJyF6ZjpPY8PwuAmvty5T5NGb0N8wsQgmeSKdra6euOwYFjZ0UOb6m/s1600/w2b-no-thumbnail.jpg", 
      pincount: "horizontal" 
     }); 
    </script> 
   </div> 
   </b:if>

   Settings

   defaultThumb	Set the Default Thumbnail Image URL.
   pincount	Set the Pin it Count Style. Options vertical 18 horizontal 18 none

ADDING STYLINGS

Add the below styling before ]]></b:skin> tag.

.w2bPinitButton{ 
 float: left; /* Customize left/right */ 
 margin-right:10px; /* Customize margin-left/margin-right */ 
 display: block; 
 padding:4px;
}

Customize the Float and Margin properties according to your need.

I hope this Pin it Button is helpful to you. Please share it with your Friends and Leave your Comments

Get paid to share your links!