So fügen Sie eine Playlist in eine Seitenleiste auf Tumblr ein

Es gibt verschiedene Möglichkeiten, eine Wiedergabeliste zu erstellen und den HTML-Code zu generieren, der sie in die Seitenleiste Ihres Tumblr-Blogs einbettet. Mit Hypster können Sie beispielsweise nach Künstlern, Liedern oder Genres suchen und Titel zu einer benutzerdefinierten Wiedergabeliste hinzufügen. Streampad hingegen kompiliert alle Audiodateien, die Sie jemals auf Tumblr hochgeladen haben, in eine Playlist. Und obwohl Sie einem Radio Tuna-Player keine bestimmten Songs hinzufügen können, können Sie damit Ihren eigenen Radiosender basierend auf Ihrem bevorzugten Musikgenre erstellen.

Generiere den Playlist-HTML auf Hypster

Navigieren Sie zur Hypster-Site (Link in Ressourcen) und melden Sie sich dann bei Ihrem Hypster-Konto an. Klicken Sie auf "Registrieren", wenn Sie noch kein Konto haben, und folgen Sie dann den Anweisungen auf dem Bildschirm, um eines zu erstellen.

Erstellen Sie eine Wiedergabeliste, falls Sie dies noch nicht getan haben – fahren Sie mit der Maus über „Erstellen“, wählen Sie „Wiedergabeliste“ und klicken Sie dann auf „Neue Wiedergabeliste hinzufügen“. Suchen Sie nach Titeln – nach Interpret, Songtitel oder Genre – und klicken Sie dann auf „Zur Playlist hinzufügen“, um sie hinzuzufügen. Fügen Sie weitere Songs hinzu, bis Sie die Playlist erstellt haben, die Sie in Ihrem Blog verwenden möchten.

Bewegen Sie den Mauszeiger erneut über "Erstellen" und wählen Sie dann "Player", um den Musikplayer zu erstellen, den Sie in Tumblr einbetten möchten.

Wählen Sie die Player-Skin aus, die Sie verwenden möchten. Wählen Sie die entsprechende Playlist aus dem Dropdown-Menü und verwenden Sie dann die Optionen darunter, um die Player-Einstellungen nach Ihren Wünschen anzupassen – stellen Sie sie beispielsweise auf Autostart ein oder ändern Sie die Farbe des Hintergrunds und der Schriftart.

Geben Sie die Sicherheitsfrage am unteren Bildschirmrand ein und klicken Sie dann auf "Code abrufen".

Kopieren Sie den gesamten HTML-Code in die Zwischenablage Ihres Computers, um ihn zum Einbetten in die Tumblr-Site zu verwenden.

Generiere den Playlist-HTML auf Streampad

Laden Sie eine Audiodatei auf Ihre Tumblr-Seite hoch, indem Sie auf "Audio" klicken und dann den Anweisungen auf dem Bildschirm folgen, um die Audiodatei von Ihrem Computer zu suchen und hochzuladen. Beachten Sie, dass Sie pro Tag eine Datei hochladen dürfen.

Öffnen Sie einen anderen Browser-Tab, navigieren Sie zur Streampad-Site (Link in Ressourcen) und klicken Sie dann auf "Code abrufen".

Wählen Sie "Tumblr" aus den verfügbaren Plattformoptionen und scrollen Sie dann zum unteren Bildschirmrand, um Ihren Musikplayer anzupassen. Sie können beispielsweise die Hintergrundfarbe ändern, die Lautstärkeregelung aktivieren und die automatische Wiedergabe deaktivieren.

Scrollen Sie zurück zum oberen Rand des Bildschirms und kopieren Sie den HTML-Code aus dem Textfeld unter "Skriptcode unten kopieren".

HTML eines Senders auf Radio Tuna generieren

Navigieren Sie in Ihrem Webbrowser zur Website von Radio Tuna (Link in Ressourcen).

Wählen Sie aus den verfügbaren Optionen Ihre bevorzugte Player-Farbe und dann eine Größe für Ihr Widget aus.

Wählen Sie drei Musikgenres mithilfe der Dropdown-Menüs aus.

Kopieren Sie den HTML-Code zur Verwendung in Ihrem Tumblr-Blog.

Auf Tumblr einbetten

Melden Sie sich bei Ihrem Tumblr-Konto an, navigieren Sie zu Ihrem Dashboard und klicken Sie dann oben auf den Namen Ihres Blogs.

Klicken Sie auf "Darstellung anpassen" und wählen Sie dann "HTML bearbeiten".

Drücken Sie "Strg-F" auf einem PC oder "Befehl-F" auf einem Mac, um die Suchfunktion zu starten, und suchen Sie dann nach dem Stichwort "Seitenleiste".

Fügen Sie den Code Ihres Players an der Stelle ein, an der Sie ihn in die Seitenleiste einbetten möchten. Konzentrieren Sie sich auf die Codezeilen zwischen den "

" und "
" des Codes. Geben Sie ruhig ein paar harte Returns ein - drücken Sie die "Enter"-Taste - damit Sie Ihren Arbeitsbereich klar sehen können.

Klicken Sie auf "Vorschau aktualisieren", um eine Vorschau der Änderungen Ihrer Site anzuzeigen und bei Bedarf zu bearbeiten. Klicken Sie auf "Speichern" und wählen Sie dann "Schließen".