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 and Slipost a news blog.
You can add me on Facebook or follow me on Twitter
Read more about me Here

Comments

  1. Nice one baba

  2. Woow this great i can insert the easy button for my blog thanks man

  3. I have read something like this before,but your post get more info thanks.
    http://www.luqnet.com

  4. Thanks ya all..

  5. O nice xlim…i go send boko bomb in here..

  6. Ok Thanks

  7. wat of dat of wordpress

  8. Would add it soon

  9. waiting for this awesome tutorial for wordpress

  10. Thanks for this Tutorial. Pinterest is a great place to be.
    Kingsley recently posted..Health Benefits of SoursopMy Profile

  11. very nice article thanks for sharing this valuable informations
    anis recently posted..How To Submit Your Blogger Blog To Google CorrectlyMy Profile

Speak Your Mind

*

CommentLuv badge