Hoe u een automatische speler op uw Tumblr-blog kunt plaatsen

Je kunt een muziekspeler instellen om automatisch een audioclip af te spelen wanneer een bezoeker je Tumblr-blog opent. Selecteer een audiospeler die wordt ondersteund in Tumblr-thema's en die de functie Autoplay bevat -- zoals Hypster, Grooveshark of Billy Player -- selecteer het nummer of de afspeellijst die je in je speler wilt gebruiken, genereer de widgetcode met de Autoplay-functie ingeschakeld, en installeer vervolgens de gegenereerde code in uw Tumblr-thema. Als je al een muziekspeler-widget hebt geïnstalleerd die de functie Autoplay ondersteunt, bewerk dan de HTML-code van de widget om die functie in te schakelen.

Nieuwe muziekspeler-widget

Open Hypster, Grooveshark, Billy Player of een vergelijkbare site in een browser en maak vervolgens, indien nodig, een account aan (zie bronnen).

Maak en bewaar een afspeellijst met ten minste één nummer op het geselecteerde platform. Merk op dat als je Billy Player selecteert, je een of meer URL's naar je eigen gehoste afspeellijsten of liedjes moet invoegen, aangezien de site geen muziek host; zowel Hypster als Grooveshark bieden echter een brede selectie aan audio-inhoud.

Genereer de spelerwidgetcode. Klik voor Grooveshark op het pictogram "Lied delen" naast een enkel nummer om het dialoogvenster Delen te openen. Om een ​​afspeellijst te delen, klikt u op de knop 'Delen' naast de afspeellijst op de afspeellijstpagina. Klik op "Insluiten" in het dialoogvenster Delen om de code voor de ingesloten widget in een tekstvak weer te geven. Klik voor Hypster op "Maken" in het bovenste navigatiemenu, klik op de optie "Speler maken" en klik vervolgens op het spelerontwerp om de pagina met code-opties te openen.

Klik op het selectievakje "Automatisch afspelen" om de functie in te schakelen. De Autoplay-optie bevindt zich onder de invoervelden voor nummers en afspeellijsten op Billy Player; in Hypster en Grooveshark staat het onder de vervolgkeuzelijst Afspeellijst selecteren. Wijzig naar wens eventuele andere speleropties, zoals de link of achtergrondkleuren. Klik op "Code ophalen" of de equivalente optie om de code in een tekstvak weer te geven.

Selecteer alle code en druk vervolgens op "Ctrl-C" om deze naar uw klembord te kopiëren. U kunt ook met de rechtermuisknop in het codevak klikken met alle geselecteerde tekens en vervolgens op "Kopiëren" in het contextmenu klikken om de code te kopiëren.

Open uw Tumblr-dashboard, klik op de pijl naast de naam van de primaire blog, selecteer de blog die uw muziekspeler zal hosten en klik vervolgens op het tabblad "Aanpassen" om de geselecteerde blog te openen voor bewerking.

Klik op de optie "HTML bewerken" in het menu Aanpassen om de thema-editor te openen.

Plak de widgetcode van de muziekspeler op de gewenste locatie in uw themacode door op "Ctrl-V" te drukken. De exacte plaatsing van de code hangt af van de speler, dus volg de instructies van de spelerssite voor het plaatsen van uw code -- bij sommige spelers plaatst u de widgetcode in de "" tag, bijvoorbeeld, terwijl voor anderen de widget zich in de " bevindt" label.

Klik op "Voorbeeld bijwerken" om de speler in het voorbeeldvenster te bekijken.

Klik op "Opslaan" om uw wijzigingen op te slaan en klik vervolgens op "Afsluiten" om het menu Aanpassen te sluiten.

Bestaande widget bewerken

Meld u aan bij Tumblr en klik vervolgens op de pijl naast het item voor uw primaire blog in de rechterzijbalk van uw dashboard. Er wordt een lijst met uw blogs geopend.

Klik op de blog die uw audiospeler-widget host om de blog in het dashboard te openen.

Klik op het tabblad "Aanpassen" om het thema te openen met het menu Aanpassen aan de linkerzijbalk.

Zoek de HTML voor uw spelerwidget in de themacode. Vink eerst het vakje Beschrijving in het menu Aanpassen aan. Als de widgetcode niet in het vak Beschrijving staat, is de code ingebed in het thema-HTML. Klik in dat geval op de knop "HTML bewerken" om de HTML-editor te openen, druk op "Ctrl-F" om het zoekvak te openen, en dan typ de naam van je speler om de widget snel in de code te vinden.

Bewerk de opdracht "autoplay=false" in "autoplay=true".

Klik op de knop "Voorbeeld bijwerken" om een ​​voorbeeld van uw wijzigingen in de HTML-editor te bekijken.

Klik op de knop "Opslaan" om uw wijzigingen op te slaan en te publiceren.

Tips

Merk op dat je ook audioberichten op je blog kunt maken met behulp van het Tumblr Audio Post-formulier; je kunt de muziekarchieven van SoundCloud en Hypster doorzoeken om muziek aan je bericht toe te voegen. U kunt een audiopost echter niet configureren om de clip automatisch af te spelen.

Waarschuwingen

Kopieer en plak uw originele spelerwidgetcode in een leeg tekstdocument voordat u de widget-HTML bewerkt, zodat als u een fout maakt tijdens het wijzigen van de code, u snel de originele code kunt herstellen.