How to add Pinterest 'Pin it' Button to blog Post

Unknown | 05:42 |

Pin It Now!
Its about more than a year passed  for Pinterest to be in as social websites and it is becoming the first choice for all social networking site  users and it is becoming the main traffic sources for blogs so your wait is over now and you can now add Pinterest 'Pin it' button to your blog posts

Here i am giving you two types of Pin it buttons for your blog
Horizontal and Vertical Pin it button.
Please Don't edit the code



Let's start Pinning it 
1.Go to your blog Dashboard>Templet>Edit HTML.
2.Now click on the "Expand Widget Templets" on left upper corner
3.Now Press Ctrl+F and find code  <data:post.body/>.
4.You can put Pin it button below post title or at the end of your post.If you want to put it below post title you have to put code given above <data:post.body/>.or if you want it at the last of your post paste the code below <data:post.body/>.


Horizontal Pin it button
<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It Now!</a> 
<a href='javascript:voidundefinedrun_pinmarkletundefined))' 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_pinmarkletundefined) { 
var e=document.createElementundefined&#39;script&#39;); e.setAttributeundefined&#39;type&#39;,&#39;text/javascript&#39;); 
e.setAttributeundefined&#39;charset&#39;,&#39;UTF-8&#39;); 
e.setAttributeundefined&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.randomundefined)*99999999); 
document.body.appendChildundefinede); 
} 
</script>

Vrticle Pin it button
<a class='pin-it-button' count-layout='vertical' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It now!</a> 
<a href='javascript:voidundefinedrun_pinmarkletundefined))' style='margin-left:-46px; 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_pinmarkletundefined) { 
var e=document.createElementundefined&#39;script&#39;); e.setAttributeundefined&#39;type&#39;,&#39;text/javascript&#39;); 
e.setAttributeundefined&#39;charset&#39;,&#39;UTF-8&#39;); 
e.setAttributeundefined&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.randomundefined)*99999999); 
document.body.appendChildundefinede); 
} 
</script>

5.Save your templet and you are done.....................

want to know how to promote your blog using Pinterest wait for my next post

I hope you Enjoy!

Pin It Now!

5 comments:

  1. I used this handy little tutorial out on my blog. Would love for you to check it out. www.sewincrediblycrazy.blogspot.com

    ReplyDelete
  2. Thank you for this tutorial. I tried several with no success... easy to follow and mission accomplished!

    ReplyDelete
  3. Pinwords is a really basic tool, but it̢۪s great if you want to quickly make an image from a quote and add it to your Pinterest account. Pinstamatic actually lets you

    create a whole bunch of items to add to your Pinterest boards including website snapshots, pins of Twitter profiles and Spotify tracks that you can pin.

    ReplyDelete