Pint it button update!

I recently found out - to my surprise - that the Pint it button I had previously instructed you 

how to install, was no longer functioning! 

Therefore, I found (from here) another and much better way to add the pin it button into 

your footer under every post, which I'm gonna share with you right now. 

I've already added it, so you can check mine and see that it's working perfectly. 

Instructions are very easy, you just follow these simple steps:


Go to Dashboard -  Design - HTML and tick the Expand template

In your template find this line (click Ctr+F to help you find it): 

<data:post.body/> 

and immediately after it, copy and paste the following code:

<!-- Pinterest Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='pin-wrapper' style='margin:5px 10px 5px 0; text-align: left;'>
<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;'/>
</div> 
<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>  
</b:if> 
<!-- Pinterest button End -->

Now click Save. That's it!
Now go and view your blog to check your brand new pin it button!

P.S.: When you mess with your template's html it's important to ALWAYS save a copy 
first to your hard disc (download your template), in case something goes wrong!


 

Thanks for Making This Possible! Spread The Word!

Pin It