So platzieren Sie Social-Media-Buttons in einem Tumblr-Blog

click fraud protection

Jeder mit a Tumblr-Konto können Inhalte mit anderen Benutzern teilen, indem Sie die Gefällt mir Knopf das, Reblog-Schaltfläche, oder der Senden-Button in einem bestimmten Blog-Post im Tumblr-Dashboard.

Mit diesen integrierten Schaltflächen können Sie Inhalte innerhalb der virtuellen Wände des Tumblr-Netzwerks teilen. Sie geben Ihnen jedoch nicht die Flexibilität, Inhalte aus einem webbasierten Tumblr-Blog auf anderen großen Social-Media-Sites wie. zu teilen Facebook oder Twitter.

Wenn Sie Ihrem Tumblr-Blog zusätzliche Share-Buttons hinzufügen möchten, damit es wie ein echter Blog aussieht, können Sie entweder für ein Premium-Theme, das mit Schaltflächen ausgestattet ist, oder erledigen Sie die Arbeit selbst, indem Sie Code kopieren und in Ihren Tumblr-Blog einfügen Vorlage.

Wenn Sie nur einen Codestreifen im rechten Abschnitt der HTML-Dokumente Ihres Themes hinzufügen, werden automatisch Social-Media-Buttons unter jedem zuvor veröffentlichten Blog-Post und allen zukünftigen Blog-Posts platziert.

Keine Sorge, es ist einfacher als Sie denken. So geht's.

instagram viewer

Melden Sie sich an oder melden Sie sich bei Ihrem Tumblr-Konto an, um Ihren Blog zu erstellen oder darauf zuzugreifen

Wenn Sie noch keinen Tumblr-Blog erstellt oder sich für ein Konto angemeldet haben, müssen Sie als Erstes besuchen Tumblr.com wo Sie aufgefordert werden, Ihre E-Mail-Adresse, Ihr Passwort und die gewünschte Blog-URL einzugeben, um loszulegen.

Wenn Sie bereits ein Konto und einen Blog haben, melden Sie sich einfach an.

Wählen Sie Ihre Social-Media-Buttons

Führen Sie eine Google-Suche nach den Schaltflächen zum Teilen von sozialen Netzwerken durch, die Sie in Ihrem Tumblr-Blog platzieren möchten. Die meisten (wenn nicht alle) großen sozialen Netzwerke haben spezielle Hilfeseiten, die Ihnen zeigen, wie Sie sie einrichten.

Hier sind ein paar offizielle Share-Button-Seiten für einige der beliebtesten sozialen Netzwerke:

  • Offizieller Facebook Like-Button
  • Offizieller Twitter-Tweet-Button
  • Offizieller LinkedIn Share-Button
  • Offizieller Pinterest-Speichern-Button

Bei einigen sozialen Netzwerken können Sie ihre Schaltflächen anpassen, einschließlich Änderungen der Schaltflächengröße, zusätzlichem Titeltext, URL-Struktur, Share-Zähloption und Spracheinstellungen. Nicht alle sozialen Netzwerke lassen Sie dies zu, aber für diejenigen, die dies tun, ändert sich das Code-Snippet je nach Einrichtung.

Vermeiden Sie es, zu viele Schaltflächen in Ihrem Blog einzufügen, da dies dazu führen könnte, dass Ihre Beiträge für Leser, die Ihre Inhalte teilen möchten, überladen und verwirrend aussehen.

Erwägen Sie, maximal fünf oder sechs Social-Media-Buttons unter jedem Blog-Post zu platzieren, aber weniger ist wahrscheinlich besser.

Passen Sie Ihre Tasten an und holen Sie sich den Code

Folgen Sie den Anweisungen auf der Share-Button-Seite des sozialen Netzwerks, um Ihren Button bei Bedarf anzupassen. Sobald Sie fertig sind, sollten Sie einen Code-String erhalten, den Sie für Ihren Tumblr-Blog benötigen.

Kopieren Sie diese und fügen Sie sie in ein leeres Wort- oder Textdokument ein. Führen Sie dies für alle gewünschten Schaltflächen durch, damit Sie die Codezeichenfolge jeder Schaltfläche einsatzbereit haben.

Greifen Sie auf Ihren Tumblr-Themecode zu

Gehen Sie zurück zu Ihrem Tumblr-Dashboard. Drücke den Personensymbol im Menü oben rechts und klicken Sie dann auf Aussehen bearbeiten Edit im Dropdown-Menü für den entsprechenden Blog (wenn Sie mehrere Blogs haben).

Klicken Sie auf der folgenden Seite auf das Thema bearbeiten-Schaltfläche. Ihr Blog wird im Vorschaumodus auf der rechten Seite des Bildschirms mit einem Editor auf der linken Seite geöffnet.

Klicken HTML bearbeiten im Editor links unter dem Label Custom Theme. Der Editor wird erweitert, um Ihnen den gesamten Code Ihres Themes anzuzeigen.

Personen, die unerfahren in der Arbeit mit HTML, PHP, JavaScript und anderer Computercode könnten sich durch einen Blick auf diesen Abschnitt eingeschüchtert fühlen. Es ist wichtig, sich daran zu erinnern, dass Sie überhaupt keinen neuen Code schreiben.

Sie müssen lediglich den Schaltflächencode in die Themendokumente einfügen, was Ihnen in den nächsten Abschnitten gezeigt wird.

Durchsuchen Sie Ihren Themencode

Die einzige Codezeile, die Sie finden müssen, ist die Zeile, die lautet: {/block: Beiträge}.

Diese stellt das Ende des Blog-Beitrags dar und ist normalerweise im unteren Bereich der Themendokumente zu finden, je nachdem, welches Tumblr-Theme Sie verwenden. Wenn Sie Schwierigkeiten haben, diese Codezeile nur durch das Durchsuchen zu finden, können Sie versuchen, die Strg+F/Befehlstaste+F Tastenkombination oder klicken Sie alternativ auf die Zahnrad-Symbol Klicken Sie in der oberen linken Ecke des Bildschirms auf Suchen und Ersetzen und dann tippe {/blockieren: Beiträge} in die Suche nach Feld.

Die Suchfunktion findet und markiert automatisch {/blockieren: Beiträge} in deinem Theme-Code.

Fügen Sie den Button-Code in Ihren Theme-Code ein

Kopieren Sie den von Ihnen erstellten benutzerdefinierten Schaltflächencode und fügen Sie ihn direkt vor der Codezeile ein, die lautet: {/blockieren: Beiträge}.

Dies weist das Blog-Thema an, die Social-Media-Buttons am Ende jedes einzelnen Blog-Posts anzuzeigen.

Klicken Vorschau aktualisieren und klicke dann auf blaue Schaltfläche Speichern oben im Editor.

Testen Sie Ihren Tumblr-Blog, um Ihre neuen Social Share Buttons zu sehen

Du hast es zum lustigen Teil geschafft. Wenn du den Button-Code richtig in deinen Theme-Code eingefügt hast, sollte dein Tumblr-Blog das Teilen-Buttons deiner Wahl am Ende jedes einzelnen Beitrags und auch bei jedem Beitrag, der auf der Hauptseite angezeigt wird Futter.

Sie können darauf klicken, um Ihre Tumblr-Beiträge einfach in anderen sozialen Netzwerken zu teilen.

  • Fügen Sie den Schaltflächencode jedes Mal in Ihre Themendokumente ein, wenn Sie Ihr Blogthema in ein brandneues Thema ändern. Beim Ändern des Designs wird kein zuvor eingefügter Code in die neuen Designdokumente übertragen.
  • Wenn Sie mehr als eine Social-Media-Schaltfläche in Ihrem Blog platzieren, stellen Sie sicher, dass keine Leerzeichen oder neue Zeilen zwischen zwei verschiedenen Ausschnitten des Schaltflächencodes vorhanden sind. Dadurch wird sichergestellt, dass mehrere Schaltflächen horizontal nebeneinander und nicht vertikal in verschiedenen Zeilen angezeigt werden.
  • Experimentieren Sie damit, die Code-Snippets für die Social-Buttons auch vor anderen {/block:-Elementen zu platzieren. Abhängig von Ihrem Thema werden Sie möglicherweise feststellen, dass die Schaltflächen ganz unten auf der Blog-Seite angezeigt werden, nach all den Notizen anderer Tumblr-Benutzer.
instagram story viewer