In diesem wikiHow zeigen wir dir, wie du deiner Blogger-Website (blogspot.com) einen anklickbaren „Gefällt mir“-Button von Facebook hinzufügst. Nachdem Sie die Schaltfläche im Like Button Configurator erstellt haben, müssen Sie nur zwei Code-Bits kopieren und in Ihr Blogger-Dashboard einfügen, um eine schnelle Bearbeitung aus Kompatibilitätsgründen vorzunehmen.
Schritte
Teil 1 von 3: Erstellen eines Like-Buttons
Schritt 1. Gehen Sie zu
Sie können jeden modernen Webbrowser wie Chrome oder Safari verwenden.
Schritt 2. Scrollen Sie nach unten zu Like Button Configurator
Es befindet sich im dritten Abschnitt der Seite.
Schritt 3. Geben Sie die Adresse Ihres Blogs in das Feld „URL to Like“ein
Schritt 4. Geben Sie Ihre gewünschte Plugin-Breite in das Feld „Breite“ein
Die meisten Blogger-Benutzer können dieses Feld leer lassen, da die Standardbreite (450 Pixel) problemlos funktioniert. Beachten Sie, dass dies die Breite des gesamten Plugins ist, nicht der Like-Button selbst.
Schritt 5. Wählen Sie einen Schaltflächenstil aus dem Menü „Layout“
Sie sehen eine Vorschau jedes Stils, wenn er ausgewählt ist.
Schritt 6. Wählen Sie eine Aktion aus dem Menü „Aktionstyp“
Standardmäßig lautet Ihre Schaltfläche "Gefällt mir". Wenn Sie möchten, können Sie es ändern, um "Empfehlen" zu sagen. Wenn jemand auf die Schaltfläche klickt, sehen seine Facebook-Follower "(Name der Person) empfiehlt dies."
Schritt 7. Wählen Sie eine Größe aus dem Menü „Tastengröße“
Die Schaltflächenvorschau unter dem Konfigurator zeigt Ihnen, wie jede Größe aussieht.
Schritt 8. Aktivieren oder deaktivieren Sie das Kontrollkästchen „Share Button einschließen“
Wenn das Kontrollkästchen aktiviert ist, wird in Ihrem Blog neben der Schaltfläche „Gefällt mir“eine Schaltfläche mit der Aufschrift „Teilen“angezeigt. Wenn jemand auf diese Schaltfläche klickt, hat er die Möglichkeit, einen eigenen Text einzugeben, bevor er den Link mit seinen Facebook-Freunden teilt.
Schritt 9. Klicken Sie auf Code abrufen
Jetzt sehen Sie zwei Felder mit HTML-Code, den Sie in verschiedene Bereiche von Blogger einfügen müssen.
Teil 2 von 3: Hinzufügen des Codes zu Ihrer Vorlage
Schritt 1. Melden Sie sich bei https://www.blogger.com an
Verwenden Sie einen anderen Tab oder ein anderes Browserfenster, da Sie den Code von Facebook kopieren und in Blogger einfügen müssen.
Schritt 2. Klicken Sie auf Vorlage
Es befindet sich auf der linken Seite des Bildschirms, nahe dem unteren Rand des Menüs.
Schritt 3. Sichern Sie Ihre Blog-Vorlage
Erstellen Sie immer ein Backup, wenn Sie den HTML-Code Ihres Blogs direkt bearbeiten.
- Drücke den Backup wiederherstellen Schaltfläche in der oberen rechten Ecke der Seite.
- Klicken Vorlage herunterladen.
- Geben Sie einen Namen für Ihre Datei ein, z. B. „Backup von Blog-Vorlagen.“
- Klicken Speichern.
Schritt 4. Klicken Sie auf HTML bearbeiten
Es befindet sich direkt unter dem Vorschaubild Ihres Blogs.
Schritt 5. Kopieren Sie den Code aus der ersten Box des Facebook Like Button Configurators
Es ist der Code im oberen Feld unter "Schritt 2.".
Du kannst den Text kopieren, indem du ihn markierst und dann Strg+C oder ⌘ Befehlstaste+C drückst
Schritt 6. Fügen Sie den Code in Ihren Blogger-HTML-Code ein
Der Code muss nach der Zeile eingefügt werden, die mit <body beginnt, vorzugsweise in der nächsten Zeile.
- Um dir einen Platz zum Einfügen von Code zu geben, klicke vor dem ersten Zeichen der Zeile nach dem body-Tag und drücke dann auf ↵ Enter oder ⏎ Return.
- Klicke auf die leere Zeile und drücke dann zum Einfügen Strg+V oder ⌘ Befehlstaste+V.
Schritt 7. Ersetzen Sie jedes „&“im eingefügten Code durch „
&
”.
Fügen Sie die Anführungszeichen nicht ein.
-
Beispiel: „//connect.facebook.net/en_US/sdk.js#xfbml=1 &version=v2.8“wird zu „//connect.facebook.net/en_US/sdk.js#xfbml=1
&
- version=v2.8""
Schritt 8. Klicken Sie auf Vorlage speichern
-
Wenn Sie versehentlich ein „&“übersprungen haben, wird direkt über dem Code eine Fehlermeldung mit der Aufschrift „Error Parsing XML“angezeigt. Gehen Sie zurück zum eingefügten Code, suchen Sie das & und ersetzen Sie es durch
&
- .
Teil 3 von 3: Hinzufügen der Schaltfläche zu Ihrem Layout
Schritt 1. Kopieren Sie die zweite Codebox aus dem Like Button Configurator
Sie müssen zu Ihrem anderen Browserfenster oder -Tab zurückkehren, um es zu finden. Dies ist der Code im Feld unter "Schritt 3".
Du kannst den Text kopieren, indem du ihn markierst und dann Strg+C oder ⌘ Befehlstaste+C drückst
Schritt 2. Klicken Sie in Blogger auf Layout
Es befindet sich auf der linken Seite des Blogger-Dashboards, direkt über "Vorlage".
Schritt 3. Klicken Sie dort auf die Schaltfläche Gadget hinzufügen, wo die Schaltfläche angezeigt werden soll
In den meisten Fällen möchten Sie, dass die Schaltfläche in einer Kopf- oder Fußzeile angezeigt wird
Schritt 4. Wählen Sie HTML/JavaScript aus
Sie müssen ein wenig nach unten scrollen, um es zu finden.
Schritt 5. Geben Sie Facebook unter „Titel“ein
”
Schritt 6. Fügen Sie den kopierten Code in das Feld "Inhalt" ein
Du kannst dies tun, indem du in das Feld klickst und Strg+V oder ⌘ Befehlstaste+V drückst.
Schritt 7. Klicken Sie auf Speichern
Jetzt sehen Sie eine Gadget-Box namens "Facebook".
Klicken Sie oben rechts auf der Seite auf Vorschau, um sicherzustellen, dass die Schaltfläche an der richtigen Stelle angezeigt wird. Wenn Ihnen der Standort nicht gefällt, können Sie das Feld „Facebook“in einen der anderen Abschnitte Ihres Layouts ziehen
Schritt 8. Klicken Sie auf Anordnung speichern
Es befindet sich in der oberen rechten Ecke des Bildschirms. Wenn jemand Ihren Blog mag, kann er ihn jetzt ganz einfach mit all seinen Facebook-Freunden teilen.