Skip to main content

So platzieren Sie Social Media-Schaltflächen in einem Tumblr-Blog

Jeder, der über ein Tumblr-Konto verfügt, kann Inhalte mit anderen Benutzern teilen, indem Sie auf drücken Gefällt mir Knopf das,Reblog-Schaltfläche oder der Schaltfläche senden in einem bestimmten Blogeintrag im Tumblr-Dashboard.

Mit diesen integrierten Schaltflächen können Sie Inhalte innerhalb der virtuellen Wände des Tumblr-Netzwerks freigeben. Sie geben Ihnen jedoch nicht die Flexibilität, Inhalte aus einem webbasierten Tumblr-Blog (sat BlogName.Tumblr.com) auf anderen wichtigen Social-Media-Sites wie Facebook, Twitter, Google+ oder anderen Orten.

Wenn Sie Ihrem Tumblr-Blog zusätzliche Freigabeknöpfe hinzufügen möchten, sodass es wie ein richtiger Blog aussieht, können Sie entweder für ein Premium-Thema mit Schaltflächen bezahlen oder die Arbeit selbst erledigen, indem Sie etwas Code kopieren und in Ihre Tumblr-Blogvorlage einfügen .

Wenn Sie im rechten Abschnitt der HTML-Dokumente Ihres Designs nur einen Streifen Code hinzufügen, werden die Social-Media-Schaltflächen automatisch unter jedem zuvor veröffentlichten Blogeintrag und allen zukünftigen Blogeinträgen platziert.

Mach dir keine Sorgen, es ist einfacher als du denkst. Hier ist, wie es geht.

01 von 07

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

Wenn Sie noch keinen Tumblr-Blog erstellt oder sich noch nicht für ein Konto angemeldet haben, besuchen Sie als erstes Tumblr.com. Dort werden Sie aufgefordert, Ihre E-Mail-Adresse, Ihr Passwort und die gewünschte Blog-URL einzugeben, um zu beginnen .

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

02 von 07

Wählen Sie Ihre Social Media-Schaltflächen

Führen Sie eine Google-Suche nach den Freigabe-Schaltflächen für soziale Netzwerke durch, die Sie in Ihrem Tumblr-Blog einfügen möchten. Die meisten (wenn nicht alle) großen sozialen Netzwerke verfügen über spezielle Hilfeseiten, die Ihnen zeigen, wie Sie diese einrichten.

Hier finden Sie einige offizielle Share-Button-Seiten für einige der beliebtesten sozialen Netzwerke:

  • Offizieller Facebook Like-Button
  • Offizielle Twitter-Tweet-Schaltfläche
  • Offizielle LinkedIn Share-Schaltfläche
  • Offizielle Google+ Share-Schaltfläche
  • Offizielle Pinterest-Schaltfläche Speichern

In einigen sozialen Netzwerken können Sie Anpassungen an den Schaltflächen vornehmen, einschließlich Änderungen der Schaltflächengröße, des zusätzlichen Titeltextes, der URL-Struktur, der Share-Count-Option und der Spracheinstellungen. Nicht alle sozialen Netzwerke können Sie dies tun, aber für diejenigen, die dies tun, ändert sich der Code-Ausschnitt je nach Einrichtung.

Versuchen Sie, nicht zu viele Schaltflächen in Ihr Blog aufzunehmen, da dies dazu führen kann, dass das Erscheinungsbild Ihrer Beiträge für Leser, die Ihren Inhalt freigeben möchten, unübersichtlich und verwirrend wirkt.

Platzieren Sie maximal fünf oder sechs Social-Media-Schaltflächen unter jedem Blogeintrag. Weniger ist jedoch wahrscheinlich besser.

03 von 07

Passen Sie Ihre Knöpfe an und schnappen Sie sich den Code

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

Kopieren Sie dies und fügen Sie es in ein leeres Wort- oder Textdokument ein. Tun Sie dies für alle Tasten, die Sie möchten, so dass Sie die Code-Zeichenfolge für jede Schaltfläche bereit haben.

04 von 07

Greifen Sie auf Ihren Tumblr-Theme-Code zu

Gehen Sie zurück zu Ihrem Tumblr-Dashboard. Drücke den Personen-Symbol im oberen rechten Menü und klicken Sie dann auf Erscheinungsbild bearbeiten im Dropdown-Menü des entsprechenden Blogs (wenn Sie mehrere Blogs haben).

Klicken Sie auf der folgenden Seite auf Schaltfläche bearbeiten. 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 der benutzerdefinierten Designbeschriftung. Der Editor wird erweitert, um den gesamten Code Ihres Themas anzuzeigen.

Personen, die im Umgang mit HTML, PHP, JavaScript und anderem Computercode unerfahren sind, können sich beim Betrachten dieses Abschnitts eingeschüchtert fühlen. Es ist wichtig zu wissen, dass Sie überhaupt keinen neuen Code schreiben.

Alles, was Sie tun müssen, ist, den Schaltflächencode in den Themendokumenten zu platzieren. Wie Sie dies in den nächsten Abschnitten tun, wird gezeigt.

05 von 07

Durchsuchen Sie Ihren Themencode

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

Diesestellt das Ende des Blogposts dar und ist in der Regel im unteren Bereich der Designdokumente zu finden, je nachdem, welches Tumblr-Design Sie verwenden. Wenn Sie Schwierigkeiten haben, diese Codezeile zu finden, indem Sie einfach durch sie blättern, können Sie versuchen, die Strg + F / Cmd + 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 tippen {/ block: Beiträge} in die Feld suchen.

Die Suchfunktion wird automatisch suchen und hervorheben{/ block: Beiträge} in Ihrem Theme-Code.

06 von 07

Fügen Sie den Schaltflächencode in Ihren Themencode ein

Kopieren Sie den von Ihnen erstellten benutzerdefinierten Schaltflächencode und fügen Sie ihn direkt vor der Codezeile ein, in der Folgendes angezeigt wird: {/ block: Beiträge}.

Dadurch wird das Blogthema angewiesen, die Social Media-Schaltflächen am unteren Rand jedes einzelnen Blogbeitrags anzuzeigen.

Klicken Vorschau aktualisieren und klicken Sie dann auf blaue Schaltfläche Speichern am oberen Rand des Editors.

07 von 07

Testen Sie Ihr Tumblr-Blog, um Ihre neuen Social Share-Schaltflächen anzuzeigen

Du hast es zum spaßigen Teil geschafft. Wenn Sie den Schaltflächencode richtig in Ihren Themencode eingefügt haben, sollte Ihr Tumblr-Blog die Share-Schaltflächen Ihrer Wahl am unteren Rand jedes einzelnen Beitrags und auch in jedem Beitrag im Haupt-Feed anzeigen.

Sie können auf sie klicken, um Ihre Tumblr-Beiträge problemlos in anderen sozialen Netzwerken zu veröffentlichen.

Tipps:

  • Fügen Sie den Schaltflächencode in Ihre Designdokumente ein, wenn Sie Ihr Blogdesign in ein brandneues Design ändern. Durch das Ändern des Designs wird der zuvor eingefügte Code nicht in die neuen Designdokumente übertragen.
  • Stellen Sie beim Platzieren von mehr als einer Social Media-Schaltfläche in Ihrem Blog sicher, dass zwischen zwei verschiedenen Code-Snippets keine Leerzeichen oder neuen Zeilen stehen. Dadurch wird sichergestellt, dass mehrere Schaltflächen horizontal nebeneinander und nicht vertikal in verschiedenen Zeilen angezeigt werden.
  • Versuchen Sie, die Codeausschnitte für die sozialen Schaltflächen vor anderen {/ block: -Elementen zu platzieren. Abhängig von Ihrem Thema stellen Sie möglicherweise fest, dass die Schaltflächen ganz unten auf der Blogseite angezeigt werden, nach allen Notizen anderer Tumblr-Benutzer.