Lägg till Pinterests "Pin it"-knapp

Vill du göra det lättare för dina läsare att "pinna" bilder från din blogg på Pinterest? Då kan du lägga till en liten "Pin it"-knapp längst ned i inläggen. Knappen visar också hur många gånger någon bild i inlägget har blivit pinnat.

För att lägga till knappen:
Gå till Mall - Redigera HTML - Fortsätt. Klicka sedan i Utöka gränssnittskomponentmallar. Klicka ctrl+F och klistra in följande i sökrutan:
<data:post.body/>

Oftast finns denna kodsnutt på två ställen i kodmallen. Det är den första vi ska använda! Alldeles under klistrar du in följande kod:

<!-- 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 -->

Förhandsgranska och spara sedan. Klart!
 Nu kan dina läsare börja pinna bäst de vill!