Wie Tumblr Tweet und Facebook Like-Buttons hinzugefügt

March 27

Die Twitter "Tweet" Schaltfläche und der Facebook "Like" Button sind einfache Teile des Codes, die es Ihren Lesern Inhalte aus deinen Tumblr-Blog auf ihrem bevorzugten sozialen Netzwerk mit einem einzigen Mausklick Teilen erleichtern. Standardmäßig der Code für beide Schaltflächen ist nicht optimiert für Tumblr--, aber Sie können einfach den Code, um sicherzustellen, dass die korrekte Post-Titel und die Webadresse beim übergeben werden an Twitter oder Facebook verwendet wird, die Schaltfläche Aktualisieren.

Anweisungen

Schaltfläche "Piep"

1 Navigieren Sie zu twitter.com/about, und klicken Sie auf "Tweet-Button" im Abschnitt "Ressourcen".

2 Wählen Sie Ihre bevorzugte Tweet Schaltfläche Orientierung, indem Sie auf das entsprechende Optionsfeld auf der Registerkarte "Button".

3 Wählen Sie die Registerkarte "Tweet-Text" und klicken Sie auf das Optionsfeld neben "etwas anderen Text eintragen." Geben Sie im Textfeld "{Title}".

4 Wählen Sie die Registerkarte "URL" und klicken Sie auf das Optionsfeld neben "eine andere URL eingeben." Geben Sie im Textfeld "{Permalink}".

5 Kopieren Sie den HTML-Code aus dem Textfeld der Tweet-Schaltfläche.

6 Tumblr.com anwählen und anmelden Ihrem Konto. Wenn Sie mehrere Tumblr-Blogs haben, wählen Sie im Blog, auf dem Sie einen Tweet-Button hinzufügen möchten.

7 Klicken Sie auf "Darstellung anpassen."

8 Wählen Sie die Registerkarte "Theme" und klicken Sie auf "Use Custom HTML."

9 Fügen Sie den HTML-Code, nach dem "{Block: Posts}"-Tag, aber vor dem "{Block: Text}"-Tag. Klicken Sie auf "Update-Vorschau", um eine Vorschau Ihres Blogs anzeigen vor der Veröffentlichung der Änderungen und ändern Sie die Platzierung der den Tweet-Button bei Bedarf.

10 Klicken Sie auf "Speichern + schließen."

Facebook Like Button

11 Navigieren Sie zu developers.facebook.com, und klicken Sie auf "wie" im Abschnitt "Bauen für Websites".

12 Geben Sie im Textfeld "URL, wie" "{Permalink}".

13 Anpassen der Darstellung von Ihren Facebook-Like-Button, einschließlich Layout, Breite, Farbe, Schriftart und Verb Wahl.

14 Klicken Sie auf "Get Code".

15 Kopieren Sie den HTML-Code aus dem Textfeld "Like Button".

16 Navigieren Sie zu Tumblr und melden Sie sich Ihrem Konto. Wenn Sie mehrere Tumblr-Blogs haben, wählen Sie im Blog, auf dem Sie einen Tweet-Button hinzufügen möchten.

17 Klicken Sie auf "Darstellung anpassen."

18 Wählen Sie die Registerkarte "Theme" und klicken Sie auf "Use Custom HTML."

19 Fügen Sie den HTML-Code, nach dem "{Block: Posts}"-Tag, aber vor dem "{Block: Text}"-Tag. Klicken Sie auf "Update-Vorschau", um eine Vorschau Ihres Blogs anzeigen vor der Veröffentlichung der Änderungen und ändern Sie die Platzierung der den Tweet-Button bei Bedarf.

20 Hinzufügen "< Meta-Eigenschaft ="Og: Titel"Content =" {Block: PostTitle} {PostTitle} {/ Block: PostTitle} "/ >< Meta-Eigenschaft ="Og: Site_name"Content ="{Title}"/ >" vor dem "< / Head >"-Tag. Klicken Sie auf "Update-Vorschau", um Ihr Blog vor der Veröffentlichung des aktualisierten Themas Vorschau und passen die Position des Facebook-Like Button, nach Bedarf.

21 Klicken Sie auf "Speichern + schließen."


SIE KÖNNEN AUCH GERNE