Kleine Blognachhilfe II (Pinterest - PinIt-Button unter jedem Post)

Inzwischen kennt jeder Pinterest, oder? :)

Ich schon fast zu gut *lol*. Pinterest ist nicht nur eine Quelle der Inspiration für mich, sondern ich fange inzwischen an, meine alte Linksammlung damit zu organisieren. So hat das Chaos immerhin Bilder...

Deswegen war heute meine erste Aufgabe ein "Follow me on pinterest" in meine Seite zu integrieren. Das geht ganz einfach, ihr geht auf Gadget hinzufügen, wie hier beschrieben und nehmt das Gadget "HTML/JavaScript".

Dann gebt ihr den Code ein, der zu Eurem Pinterest führt. Das findet ihr bei Eurem Pinterest:

Der Text hinter dem gewünschten Button müsst ihr also in das Widget eingeben. Speichern und schwupps, danach ist der Button auf Eurer Webseite integriert.

Easy cake - nun kommen wir zum etwas fortschrittlichem Teil. Ich möchte nämlich unter jedem Post einen "Pin it"-Button haben. Hey, so kann jeder sofort meine Freebies auf Pinterest verbreiten. :) Andere möchten vielleicht den Ketteneffekt für ihre Tutorials nutzen. Wie auch immer, ich habe ein bisschen rumprobiert, bis ich das gewünschte Ergebnis hatte.

Letztendlich ist es ganz einfach. Trotzdem bitte ich Euch, Euer Blog-Template vorher abzuspeichern, bevor ihr damit hantiert. Ich habe es alles zuerst auf meinem Test-Blog ausprobiert, bevor ich es hier gemacht habe. Ich bin nicht für verlorengegangene Designs verantwortlich, alles auf eigene Gefahr! :)

Führt die folgenden Schritte (nach der Sicherung) aus:

• Design -> Html bearbeiten
• Check: "Widget-Vorlagen komplett anzeigen"

• Sucht nach "<!-- quickedit pencil -->"
• Hinter <b:include data='post' name='postQuickEdit'/> fügt den folgenden Code hinzu

<a href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img alt='Pin It' onclick='doPinIt();' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd2TGRUTE639rEJ-2zByq-HkVX6qfldeGBSpPMZLKX0Qy72BcD8uz45tEfCG-sZvCtKo52XdnOMYgXI_WjoWkuN0RUz6YpmITAexzGyKmFzupbl3FrqDEon3cyVTtq9PhZJ0Nz4nSQXuLd/s250/pinit-compact.png' style='margin: 0 0 -5px 0;'/></a>

den pinit-compact.png könnt ihr Euch auch gerne auf Euren Webspace kopieren.
Speichern und gucken, ob es klappt. Bei mir erscheint der Pin-it Button unter jedem Post -> check!

In diesem Sinne, happy Pinning,
Kirsten