Add Pinterest Pin Button in Blog

Pinterest allows it users to organize and share their content, discover new thing and even get to know new people. It a good channel to market yourself or even contents from other blogs that you may come across. 

Joining Pinterest is not very easy since you will have to wait for an invitation coming from the administration after signing up. You can also join it by simply asking your friend or someone who already have an account with Pinterest to invite you. Once you are accepted on the site,  you can now start creating your pins and pinning them on your pinboards.

Pinboards are basically different categories that you can use to pin images or any other important information that you find in the internet as well as contents for other Pinterest Members.
 

Why is Pinterest Button Important in a Blog
 

• Your visitors will use it to pin your contents  (mostly image based contents)
• You can be able to get quality backlinks from those pins (Pinterest)
• You can also use it to increase your websites or blog  backlinks by following back Pinterest members who are dealing with the same niche like you are doing and reposting their lenses.

How to Insert the Pinterest Button

Go to Blogger Dashboard

Template

Edit HTML

Proceed

Click on Expand Widget Templates.

Use Ctrl and F to find the following code <data:post .body/> and insert the following script above or below it. 

 

If you insert above the code, the pin button will be displayed immediately after the title and if you insert it below the above code, the pin button will be displayed at the bottom of blog post. 

  <a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</a>
 <a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/>
 <script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
 <script type='text/javascript'>
 function run_pinmarklet() {
 var e=document.createElement(&#39;script&#39;);
 e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);
 e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);
 e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);
 document.body.appendChild(e);
 }
 </script>

Click on Save template. You pinterest pin button will be displayed on your blog posts either below the post titles or at the end of blog posts depending on the location that you have chosen.

Related Post
How to Add Floating Social Media Buttons on a Blog
Add Media Buttons at End of Blog Posts
Add Media Buttons Below Post Titles