14. Geburtstagssale 33 % Rabatt + 1 GRATIS MONAT LIMITIERTES ANGEBOT Jetzt Angebot sichern
33 % Rabatt + 1 GRATIS MONAT Jetzt Angebot sichern

HTML Tumblr-Feed-Code

Tumblr-Beiträge, Fotos, GIFs und Zitate auf Ihrer HTML-Website hervorheben, um die Interaktion zu steigern und Besuchern schnellen Zugriff auf Ihre kreativen Updates zu ermöglichen.
4,8 Sterne
Über 10.000 Bewertungen
Kostenloser Plan verfügbar
Widget kostenlos erstellen
Keine Kreditkarte erforderlich
HTML Tumblr Feed code

Erstellen Sie Ihr Tumblr-Feed-Widget

Konfigurieren Sie Ihr Widget und fügen Sie es kostenlos zu Ihrer HTML-Website hinzu!

Warum Nutzer Elfsight lieben.

Betreibst du einen Blog oder eine kreative Seite und wünschst dir, dieses Tumblr-Feeling direkt auf deine Website zu bringen? Das Elfsight HTML Tumblr Feed-Widget macht es einfach, deine Tumblr-Beiträge schön und automatisch anzuzeigen. Es hilft dir, dein Publikum mit deinen neuesten Updates auf dem Laufenden zu halten – ganz ohne eine einzige Codezeile.

Ob Sie Blogger sind, der Inspiration teilt, eine kleine Marke, die Einblicke hinter die Kulissen zeigt, oder ein Künstler, der Ihre visuelle Welt kuratiert – dieses Widget hält Ihren Content dort lebendig, wo Ihre Besucher sind. Sie können Beiträge, Fotos, Videos oder Texte in einer klaren Galerie oder einem scrollbaren Feed anzeigen, der auf jedem Bildschirm gut aussieht.

Wusstest du schon?

Fast 90 Prozent der Menschen nutzen soziale Medien, um auf dem Laufenden zu bleiben, was im Trend liegt und was neu ist — laut SproutSocial.

Bringen Sie dieselbe Dynamik auf Ihre HTML-Website – nutzen Sie noch heute den Elfsight Tumblr-Feed und halten Sie Ihre Besucher mühelos mit Ihren neuesten Inhalten auf dem Laufenden.

Schlüsselmerkmale des HTML Tumblr-Feeds

So wird Elfsight zum Favoriten bei Content-Erstellern und Website-Besitzern:

  • Automatische Updates: Ihre neuesten Beiträge erscheinen sofort – kein manuelles Aktualisieren nötig.
  • Flexible Layouts: Wählen Sie Grid-, Listen- oder Masonry-Layouts, die zum Erscheinungsbild Ihrer Website passen.
  • Design, das passt: Schriftarten, Farben und Abstände so anpassen, dass es perfekt zu Ihrer Marke passt.
  • Beiträge filtern: Zeigen Sie nur das Wesentliche – nach Tags, Beitragstyp oder Datum.
  • Leichtgewichtig und schnell: Das Widget lädt schnell und bremst Ihre Website nicht aus.
  • Mobilbereit: Jedes Layout sieht automatisch großartig aus – auf Smartphones, Tablets und Desktops.
  • Keine Programmierung erforderlich: Passen Sie einfach an, kopieren Sie und fügen Sie ein – fertig.

Alle Funktionen im Live-Editor entdecken – Keine Anmeldung erforderlich

Tumblr-Feed in HTML einbinden

Das Einbetten Ihres Feeds auf einer HTML-Website ist schnell und einfach. So geht’s:

Methode 1: Inline-Feed

Perfekt, wenn Sie den Feed direkt in eine Seite integrieren möchten – beispielsweise in Ihren Blog oder Ihre Startseite.

  1. Begrenze unnötige Animationen oder Bewegungen. Zu viele Animationen können Nutzenden mit kognitiven Beeinträchtigungen oder vestibulären Störungen verwirren. Aktiviere Einstellungen, die Bewegung reduzieren und Übergänge zwischen Interaktionen vereinfachen.
  2. Anpassen: Größe, Stil und Farben so einstellen, dass sie zu Ihrer Website passen.
  3. Code kopieren: Klicken Sie auf „Kostenlos zur Website hinzufügen“, um Ihren HTML-Snippet zu erhalten.
  4. Einbetten: Fügen Sie den Code auf Ihrer Seite dort ein, wo der Feed erscheinen soll.

Methode 2: Schwebender Feed

Ideal, wenn der Feed Besuchern beim Scrollen folgt oder auf jeder Seite erscheint.

  1. Floating-Layout auswählen: Wählen Sie im Widget-Editor einen schwebenden Stil.
  2. Personalisieren: Position, Animationen und Größe festlegen.
  3. Kopieren Sie den Code: Generieren Sie Ihren Einbettungscode.
  4. Zu Ihrer Website hinzufügen: Fügen Sie es direkt vor dem schließenden </body>-Tag in Ihre HTML-Datei ein.

Brauchen Sie weitere Hilfe? Besuchen Sie unser Help Center für Schritt-für-Schritt-Anleitungen. Sie können auch neue Feature-Ideen in der Wunschliste teilen und Updates im Changelog verfolgen.

Brauche ich spezielles Hosting, um Tumblr-Feed in HTML zu verwenden?

Für das Widget ist kein spezieller Hosting-Plan erforderlich. Solange deine HTML-Website JavaScript unterstützt, wird das Widget angezeigt und ordnungsgemäß funktionieren.

Kann ich das Tumblr-Widget zu einer statischen HTML-Website hinzufügen?

Ja, Elfsight funktioniert auf jeder statischen HTML-Website. Fügen Sie einfach den Installationscode in den Quellcode Ihrer Seite ein, wo Ihr Widget erscheinen soll.

Brauche ich API-Schlüssel oder Tumblr-Authentifizierung, um Beiträge anzuzeigen?

Kein API-Schlüssel oder Tumblr-Login ist erforderlich. Elfsight funktioniert mit jeder öffentlichen Tumblr-Blog-URL — fügen Sie sie einfach in den Einstellungen ein, dann erscheinen die Beiträge automatisch auf Ihrer HTML-Website.

Können Besucher dem Tumblr-Blog direkt aus dem Feed folgen?

Ja, Sie können einen Follow-Button aktivieren, der im Popup erscheint. Beim Klicken werden Nutzer zu Tumblr weitergeleitet, um dem Blog von Ihrer HTML-Website aus zu folgen.

Welche Filteroptionen gibt es im Tumblr-Feed-Widget?

Elfsight ermöglicht es Ihnen, Beiträge nach Schlüsselwort, Hashtag, konkreter Beitrags-URL oder Veröffentlichungsdatum zu filtern, damit Sie genau steuern können, welche Inhalte auf Ihrer HTML-Website angezeigt werden.

Kann ich steuern, welche Elemente auf jeder Beitragskarte erscheinen?

Ja, Sie können Elemente wie Autorname, Avatar, Beitragsdatum, Tumblr-Symbol, Teilen-Button und Text ein- oder ausblenden, um ein übersichtliches Layout zu erzielen.

Wird die Popup-Ansicht für Tumblr-Beiträge unterstützt?

Ja, beim Klicken auf einen Beitrag öffnet sich ein Popup mit vollständigem Inhalt, Navigationspfeilen und Folge-Aktionen, und hält Besucher auf deiner HTML-Website.

Preise

14-tägige Geld-zurück-Garantie. Risikofrei – Sie können jederzeit kündigen.
Elfsight Apps
Multiplattform-Version
ab 0 $/Monat
Mit einem kostenlosen Plan starten
Unbegrenzte Domains
Kostenloser Kundensupport und gut dokumentiert
Kostenlose Installationshilfe
100% anpassbar