html Tutorial :: Umfrage / Abstimmungs-Widget in Blogpost einbinden

Sobald man ein Blogevent auf seinem Blog veranstaltet, braucht man nach Ablauf der Einreichfrist ein Tool damit auf die Einreichungen abgestimmt werden kann und somit der Gewinner oder die Gewinner ermittelt werden. Dazu eignen sich sogenannte Umfragetools perfekt dazu. In der Welt des Internets werden viele Umfragetools zur Verfügung gestellt, die allerdings oft in der kostenlosen Version Einschränkungen haben. Meist kann man bei diesen kostenfreien Umfragetools nur 10 Antwortmöglichkeiten eingeben. Manchmal genügen 10 Antworten aus, manchmal benötigt das aber auch einfach viel mehr. Besonders wenn es um die Abstimmung bei einem Blogevent geht. 
Blogger bietet dafür ein Widget an, das bequem in seinem Layout eingebunden werden kann. Schön und gut. Allerdings möchte man diese Umfrage, wenn es sich nicht gerade um eine allgemeine Umfrage rund um den Blog handelt, in dem jeweiligen Blogpost eingebunden haben. Macht ja auch meist Sinn. Als ich im Dezember mein erstes Blogevent "KEKS'in around the Christmas Time" veranstaltet habe, habe ich nach langem Suchen dann schlussendlich ein Umfragetoll aus dem Internet verwendet. Ganz zufrieden war ich damals damit allerdings nicht. Ich hatte damals auch nicht richtig die Zeit dazu, mich damit zu beschäftigen, wie ich dieses bloggereigene von Blogger  in einen Blogpost integriere und nicht z.B. in der Sidebar eingebunden habe. Nun bin ich ein wenig schlauer und habe es geschafft.

Wie das funktioniert, das zeige ich euch heute in diesem Tutorial. 

1 // Zunächst einmal richten wir unsere Umfrage ein. Wir klicken unter Layout >> Gadget hinzufügen. Im Pop-up Fenster suchen wir nun das Umfrage Gadget aus. 

Umfrage Widget in Blogpost einbinden

2 // Im Gadget/Widget füllen wir nun alles aus: Wir geben der Umfrage einen Titel, füllen die Auswahlmöglichkeiten sowie die weiteren Optionen wie Dauer der Umfrage aus und klicken dann auf speichern.

Umfrage Widget in Blogpost einbinden

3 // Die Umfrage wird nun nach dem Speichern in eurer Sidebar auftauchen. Ihr könnt das Gadget inzwischen an eine andere Stelle verschieben. Ich habe sie bis zu den weiteren Schritten in den Fussbereich verschoben. Nach dem Verschieben klicken wir auf 'Layout speichern'

4 // Wenn ihr nun eure Webseite aktualisiert, werdet ihr eure Umfrage in der Sidebar oder in meinem Falle am Ende meiner Webseite finden.
Umfrage Widget in Blogpost einbinden


5 // Der wichtigste Schritt wäre nun getan. Jetzt geht es daran, diese Umfrage in unseren Blogpost zu integrieren. Dazu klicken wir auf unserer Webseite mit der rechten Maustaste auf den Hintergrund und wählen 'Seitenquelltext anzeigen' bei Mozilla oder 'Quellcode anzeigen' beim Internet Explorer aus. Nun seht ihr alle verwirrende Codes, aus denen eure Webseite besteht. 

6 // Wir suchen nun den Code unserer Umfrage heraus, um diese dann in den html-Code unseres Blogpost einfügen zu können. Die Suche erleichtern wir uns, in dem wir auf 'Strg + F' drücken und dort den Namen unserer Umfrage eingeben [im Bild seht ihr den Code hellrosa markiert].

Umfrage Widget in Blogpost einbinden

7 // Wir kopieren nun den Code von <iframe bis </iframe> und öffnen den Blogpost, in dem die Umfrage eingefügt werden soll. 

8 // Den Code fügen wir allerdings nicht in der 'Editor/Verfassen'-Ansicht ein, sondern klicken auf 'HTML' und fügen den Code dort an die gewünschte Stelle ein. Den Blogpost speichern wir nun und sehen uns das ganze im Mozilla oder Internet Explorer an. 
[Info: in der Vorschau wird die Umfrage nicht angezeigt. Diese erscheint erst, wenn der Blogpost veröffentlicht ist]

9 //Jetzt brauchen wir nur mehr im Layout-Bereich, das Gadget/Widget wieder löschen, damit diese dann nicht zusätzlich in der Sidebar oder am Ende eurer Webseite angezeigt wird. Die Umfrage bleibt dabei nämlich im Blogpost erhalten.

7 Kommentare

  1. Vielen Dank für das praktische Tutorial. Ich brauch demnächst eine Umfrage und werde es dann gleich mal ausprobieren.
    Lieber Gruß,
    Muriel

    AntwortenLöschen
  2. Hei danke, ist zwar umständlich, aber genau danach hab ich gesucht

    AntwortenLöschen
  3. Danke für die tolle Anleitung, das war echt eine Hilfe! :D

    Übrigens ein toller Blog. Hier bleibe ich doch gerne Leser! ;)

    Nine <3

    AntwortenLöschen
  4. Hallo,
    ich bin gerade auf deinen Blog gestoßen, weil mich generell dieses Umfrage einbinden oder auch einen Musikplayer einbinden gerade für meinen Blog interessiert. Kannst du mir da weiterhelfen, weil dann Post scheint ja schon ein wenig kompliziert zu sein.

    Viellt. magst du dir ja mal meinen Blog anschauen und dich dann später per E-Mail bei mir melden?

    Würde mich freuen.
    LG Sabrina :) *

    AntwortenLöschen

Hinweis: Mit dem Absenden des Kommentares bestätige ich, dass ich die Datenschutzerklärung gelesen habe und akzeptiere.
Deine E-Mail-Adresse wird nicht veröffentlicht.