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

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!