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/>
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:
Förhandsgranska och spara sedan. Klart!
Nu kan dina läsare börja pinna bäst de vill!
<!-- Pinterest Start --> <b:if cond='data:blog.pageType == "item"'> <div id='pin-wrapper' style='margin:5px 10px 5px 0; text-align: left;'> <a class='pin-it-button' count-layout='horizontal' expr:href='"http://pinterest.com/pin/create/button/?url=" + 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('script'); e.setAttribute('type','text/javascript'); e.setAttribute('charset','UTF-8'); e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + 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!
Tack Anneli! Precis vad jag behövde!
ReplyDeleteVad menas med pinna? Är det detsamma som att kopiera? Får man göra det hur som helst?
ReplyDeletePinna är att dela via Pinterest. Läs gärna mer på
ReplyDeletehttp://pinterest.com/about/
"Din mall kunde inte tolkas eftersom den inte är giltig."
ReplyDeleteDenna texten(plus lite koder som inte går att klistra in i detta kommentarfältet) ovan får jag när jag ska förhandsgranska det jag kopierade för att lägga till "Pin it"
Jag söker och hittar stycket där den kopierade texten skall in???
Vad gör jag för fel??
mvh
Sandra
Sandra: Jo den där texten känner jag igen ;) Den kommer upp när man har gjort något "fel" i kodmallen. I detta fallet skulle det kunna bero på 2 saker.
ReplyDelete1. När du söker efter , så hittar du den oftast på 2 ställen i kodmallen. Det är den första som vi ska använda oss av i detta fallet. I sökrutan står det tex 1 av 2 och sen kan du "bläddra" till nästa med pilen.
2. När man kopierar & klistrar in koder är det jätteviktigt att man inte råkar glömma något tecken eller råkar komma åt någon tangent. Ett litet mellanslag extra kan räcka för att det inte ska funka.
Pröva igen & var noggran när du kopierar, klistrar in. Lycka till!
Hej igen...
ReplyDeleteJag har kopierat en massa gånger och det funkar fortfarande inte :-(
Samma meddelande kommer upp
Villa Ell: Prova igen! (jag har ändrat en grej i koden)
ReplyDeleteJag får inget felmeddelande denna gången! men jag har 1 av 3 "data.post" kommer upp i min html kod när jag kopierar.
ReplyDeleteSå den förhandsgranskar min blogg, men "pin" kommer inte upp???
Gaaaah!
Hej igen...
ReplyDeleteJag har suttit och försökt om och om igen med denna koden men det funkar inte!!!
Det funkar heller inte att lägga till koden till eran "jag fick hjälp av fixa-bloggen"
är det något fel på min html kod!
Mvh
This comment has been removed by the author.
ReplyDelete