für immer (for ever)

Montag, 30. September 2013

Hallo!

heute eine ganz simple Karte. Die kann man auch prima mit Kindern basteln und ist auch prima für Muttertag oder so geeignet. :)


Pinterest-Mouse-over-Button bei Bildern für Blogger und Blogspot

Sonntag, 29. September 2013

Hallo :)

Heute habe ich mal keine Karte. Ich habe zwar gebastelt, aber noch nicht fotografiert. Das muss dann halt warten.
Dafür habe ich aber auch etwas am Blog rumgebastelt und, wie man vielleicht sieht, haben die Bilder nun ein Pinterest-Mouseover. So einen kleinen Pinterest-Pin it-Button, wenn man mit der Maus über das Bild geht. (sieh hier:)

X-Large
groß
mittel
klein
Es hat eine Weile gedauert, bis ich es so weit hatte. Denn es gibt zwar Anleitungen dazu, wie man das bei Blogger macht, aber die sind alle schon etwas älter und ich konnte das auf mein Blogger nicht anwenden.
Nun hab ich es aber rausbekommen. Nicht durch irgendwelche anderen Blogs, sondern durch nachdenken und probieren. Jaha! Sowas kann ich :D

Da vielleicht auch andere da draußen sind, die so etwas gerne hätten, aber nicht wissen, wie sie das bei ihrem Blogger-Blog einstellen können, hier ein kleines Tutorial:


  1. Man gehe zur Pinterest for Business Seite und klicke auf den "Widget builder".
  2. Dann wird der "pin it button" ausgewählt.
  3. bei "button type" klickt man auf "image hover".
  4. dann auf "build it"
  5. Dann taucht unten Text und ein script auf. Das nutzen wir aber nicht! Wir klicken auf "advanced" und nehmen dort den code. 
  6. "This can go anywhere on your page, including inside the <HEAD> tag.":

    <script type="text/javascript">
    (function(d){
      var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
      p.type = 'text/javascript';
      p.setAttribute('data-pin-hover', true);
      p.async = true;
      p.src = '//assets.pinterest.com/js/pinit.js';
      f.parentNode.insertBefore(p, f);
    }(document));
    </script>




  7. Wir gehen in unserem Blogger-Dashboard auf "Vorlagen" und dann auf "html bearbeiten". (Das ist unter dem Bild unseres Blogs.)
  8.  Dann haben wir eine Code-Ansicht und oben mehrere Buttons.
    Wir klicken auf "zu Widget wechseln" (oder "weiter zum Widget")
    und wählen "Header 1" aus. (oder etwas ähnliches, das auch Header heißt.) Es soll ja überall auf der Seite geladen werden, da ist der Header woll die beste Wahl.
  9. Am besten alles kopieren und in einer Code- oder Editor-Datei speichern, falls doch etwas schief geht.
  10. Ich habe dann oben eingefügt, direkt vor dem </header> Tag, also bevor der Header wieder geschlossen wird.
  11. Dann oben auf "Vorschau der Vorlage anzeigen" anklicken und schauen, wie es aussieht. Sind noch alle Boxen und Fenster da? Funktioniert der neue Code, usw.
  12. wenn nicht: "Vorlage bearbeiten" anklicken
  13. wenn schon: "Vorlage speichern" anklicken

Das war´s!
Bei mir hat es funktioniert. 
Über Verbesserungen, Anregungen, Shortcuts, what so ever, würde ich mich freuen! Einfach einen Kommentar hinterlassen :)

Bei mir ist es allerdings so, dass der Pin-it button nicht bei  Bildern angezeigt wird, die ich auf "klein" oder "mittel" stelle. Es muss schon "groß" oder "x-large" sein, was meine Bilder aber meistens eh sind.

Happy Birthday mit Eule / with owl

Samstag, 28. September 2013

Hi :)

mir fiel auf, dass ich die Original-Karte der Schaukel-Eule nie gezeigt habe. Sie hat ein ähnliches Design wie das Eulenpärchen vom Juli.


Bootstour mit Picknick (boat-picnic)

Freitag, 27. September 2013

Hallo :)

leider habe ich mal wieder vergessen, die Stifte, die ich verwendet habe, auf Seite zu legen. :(
Die Karte ist für die Spectrum Noir September-Challenge. Das Thema ist "travel", also Reise.
Die zwei Süßen reisen zwar vermutlich nur zu einem Picknick, aber vielleicht passt es ja doch. :)


Beileidskarte V (condolence card V)

Donnerstag, 26. September 2013

Hallo!

heute stell ich nur schnell eine weitere Beileidskarte vor, ohne viel zu schreiben.




Related Posts Plugin for WordPress, Blogger...
 
FREE BLOGGER TEMPLATE BY DESIGNER BLOGS