Wir haben einen Artikel über das Einbetten von SoundCloud-Sounds in Blogger veröffentlicht, und nachdem wir das gelesen hatten, fragten uns nur wenige Leute, ob sie ihren Blogs Hintergrundmusik hinzufügen möchten, ohne ihren Besuchern Player-Steuerelemente anzuzeigen. Vielleicht haben Sie in einigen Blogs bemerkt, dass einmal, wenn Sie darauf landen, plötzlich Musik abgespielt wird. Es kann angenehm oder nervig sein; Was auch immer es ist, sie fügen es hinzu, um die Aufmerksamkeit ihres Besuchers zu erregen. Wie wäre es, wenn Sie Ihrem Blog-Hintergrund eine schöne Instrumentalmusik hinzufügen möchten? Es ist ganz einfach, hier werden wir sehen, wie Sie Ihrem Blog Hintergrundmusik oder Sound hinzufügen.
Es gibt viele Möglichkeiten, Hintergrundmusik zu Ihrem Blog hinzuzufügen, aber hier zeigen wir Ihnen die einfache. Mit dem <audio> -Tag können Sie einen Musikplayer mit sichtbaren Steuerelementen einbetten. Machen Sie einen Sound, der sofort abgespielt wird, wenn die Website geladen wird, und fügen Sie eine Hintergrundmusik hinzu, die endlos mit ausgeblendeten Steuerelementen abgespielt wird. Okay, mal sehen, wie das geht.
So fügen Sie Hintergrundmusik oder Sound zum Blogger-Blog hinzu
Bevor Sie Ihrem Blog Hintergrundmusik hinzufügen, müssen Sie zunächst eine Musikdatei zum Aufrufen haben. Suchen Sie einfach in Google nach lizenzfreien Musiktiteln und Sie werden viele Websites sehen, die kostenlose Musikdownloads anbieten. Wählen Sie eine geeignete Hintergrundmusik für Ihr Blog oder wenn Sie bereits eine haben, dann laden Sie es einfach auf alle Online-Speicher-Sites gibt es Hunderte von besten kostenlosen Datei-Hosting-Server. Ich hoffe, deine Musikdatei ist fertig; Fahren Sie nun mit dem Blogger-Teil fort.
Siehe auch: Kostenlose Musikkompositions- und Musiknotationssoftware
Melden Sie sich bei Ihrem Blogger-Blog an und wählen Sie dann den Blog aus, in dem Sie Ihre Hintergrundmusik hinzufügen möchten. Gehen Sie als nächstes zum Layout, wählen Sie „Gadget hinzufügen“, wählen Sie HTML / JavaScript-Gadget und fügen Sie die folgende Zeile hinzu.
<audio autoplay loop><source src="http://yourmp3-file-location.mp3"></source></audio>
Fügen Sie nun in source src = „“ den Speicherort Ihrer Musikdatei hinzu, speichern Sie das Gadget und zeigen Sie dann Ihren Blog an, in dem Sie die Musik hören können, aber die Steuerelemente sind ausgeblendet. Im obigen Code beginnt „Autoplay“ den Sound abzuspielen, sobald er fertig ist, und „loop“ lässt das Audio jedes Mal wiederholen, wenn es fertig ist.
Wenn Sie Audio-Steuerelemente für Ihre Besucher anzeigen möchten, fügen Sie einfach Steuerelemente innerhalb des Audio-Tags hinzu.
<audio controls autoplay loop><source src="…"></source></audio>
Der Audio-Player sieht aus wie..
Wenn Sie einen Musikplayer hinzufügen oder Musik zum Abspielen in nur einem Beitrag oder einer Seite erstellen möchten, können Sie ihn nur auf dieser bestimmten Seite hinzufügen. Das Audio-Player-Steuerelement passt nicht zu Ihrer Blog-Seitenleiste, angenommen, Sie möchten die Player-Breite erhöhen. Fügen Sie dazu eine ID innerhalb des Tags hinzu <audio id=“player“ controls autoplay loop> Fügen Sie dann ein CSS wie dieses hinzu
#player {width: 100%;}
Das war’s! Hoffe, das hat dir geholfen, Hintergrundmusik zu deinem Blog hinzuzufügen.