Hinzufügen von Tumblr Audio Player zu HTML

Tumblr, ein kostenloses online Blogging-Service erlaubt Benutzern, Inhalte, Fotos, Videos, Links und Audio-Dateien mit nur wenigen Klicks teilen. Während des Prozesses der Buchungstext, Bilder, Links und Videos ist relativ einfach, die Website verwendet eine benutzerdefinierte audio-Player für sound-Dateien. Wenn Sie Ihre eigenen Tumblr-Design erstellen oder Anpassen eines Designs ohne audio-Player-Funktion, müssen Sie wissen, ein paar Tumblr-spezifische Codes für audio Beiträge in deinem Blog zu arbeiten.

Anweisungen

1 Weiter zur Homepage von Tumblr.com öffnen Sie Ihren Web-Browser und loggen Sie sich mit Ihrer e-Mail Adresse und Passwort.

2 Klicken Sie auf den Namen Ihres Blogs an Spitze der Tumblr-Dashboard, und klicken Sie auf "Darstellung anpassen" in der rechten Seitenleiste.

3 Klicken Sie oben auf der Anpassungsseite "Thema". Klicke auf "Benutzerdefinierten HTML verwenden" Wenn keine Zeilen HTML- und CSS-Code angezeigt wird.

4 Suchen Sie den Abschnitt des HTML-Codes, die Beiträge zeigt auf dem Blog. In den meisten Blogs befindet sich unter einer Codezeile liest "< Div Id ="Posts">" oder "< Div Id ="Inhalt">."

5 Geben Sie "{Block: Audio}" (ohne Anführungszeichen) an einer beliebigen Stelle innerhalb der "post" oder "Inhalt" Abschnitte.

6 "{AudioPlayerBlack}" ohne die Anführungszeichen eingeben.

7 Typ "{Block: Caption} {Caption} {/ Block: Beschriftung}" ohne Anführungszeichen.

8 Typ "{/ Block: Audio}" ohne Anführungszeichen.

9 Klicken Sie auf "Aktualisieren", um eine Vorschau anzuzeigen, wie der audio-Player auf Ihrem Blog aussieht.

10 Klicken Sie auf "Speichern + schließen", um einen Tumblr-Blog zu aktualisieren.

Tipps & Warnungen

• Obwohl es nicht erforderlich, wird eine funktionierende Verständnis von HTML und CSS Vorteil sein, wenn der audio-Player und audio Post Ihre Tumblr-Website hinzufügen.
• Sie können andere Elemente hinzufügen, z. B. Künstler, Album-Cover und spielen zählt, durch Hinzufügen der Codes in der Tumblr Thema Ressourcendokumente aufgeführt.
• Sie können eine der drei Farben für den audio-Player. Geben Sie in Schritt 6 "{AudioPlayerGrey}" für einen grauen Spieler, "{AudioPlayerWhite}" für eine weiße Spieler und "{AudioPlayerBlack}" für einen schwarzen Spieler.
• CSS können Sie manipulieren, wie die audio-Post aussieht.