How To Add A Pinterest Pin It Button To Your Blog

Pinterest is an online pin board for pictures, it’s a social network that deals with pictures and has risen to be among the most visited site daily.
It can be a very good source of traffic to your blog as pictures pinned to the pin board are seen by every pinner online and it also is great for seo .
I’m sure you must have noticed the pin it button above this post, yeah it’s a button from pinterest, it makes it very easy for your readers to share your pictures on pinterest ad there by pulling in a considerable amount of traffic.

TO ADD THIS GREAT BUTTON TO YOUR BLOG FOLLOW THIS GUIDE
  1. Log in to your blogger account and click on template
  2. Click On “Edit Html”
  3. Click On Proceed
  4. Tick The Box Labelled “Expand Widget Template
  5. Press Ctrl + F and search for this code

For A Vertical Pin
Paste This Code Below or Above it depending on your choice
<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:void(run_pinmarklet())’ 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_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>
For An Horizontal pin use this instead
<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: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>
Now Check your Blog for changes

Subscribe Now To Get Free Email Updates

About Derek Odum

Derek Odum is the founder of Techjay.
You can add me on Facebook or follow me on Twitter
Read more about me Here