Letar du efter ett enkelt sätt att bädda in MP3-spelare på en Webnodehemsida?

 

I den här guiden kommer jag att visa dig tre enkla sätt (utan kostand).

 

1. Det första sättet är att använda Webnodes egna inbyggda funktion i editorn.

 

Klicka på “+” och sedan “Fil“.

  • Mp3-filen startar i ett separat webbläsarfönster när man klickar på den.
  • Mp3-filer kan inkluderas i lagringsutrymmet tillgängligt på hemsidan
  • Gratisversionen av Webnode inkluderar 100 MB.

 

2. Det andra alternativet att använda en extern tjänst (via HTML-kod). Vi kommer att använda Powr.io

där man fritt kan generera MP3-musikspelare för upp till 3 låtar.

Att lägga till ytterligare mp3-filer debiteras genom att köpa ett Premiumkonto.

1. . Klicka på “Get started“.

2. Registrera dig.

3. klicka här så skickas du till musikspelarens portal).

4. Klicka på “Create your own“.

5. Du kan ta bort demot och ladda upp dina egna låtar med knappen Upload MP3. Gränsen för en gratisfil är 5 MB.


TIPS: Du kan ändra spelarens färger och utseende i rutan “Design”.

6. Om du är nöjd med din spelare, klicka på “Add til site” högst upp på skärmen.

7. Välj “FREE” plan för 3 låtar genom att klicka på “Select plan”.

8. Kopiera HTML-koden för din mp3-spelare och klistra in den på Webnodes webbplats med hjälp av + och sedan HTML-kod.

Förhandsvisning av mp3-spelare (innehåller reklam)(

3. Det tredje alternativet, som jag rekommenderar starkt att använda, är den fantastiska tjänsten SoundCloud..

Instruktioner för att lägga till en MP3-spelaren från SoundCloud till Webnode

1. Registrera dig här: https://soundcloud.com/

2. Klicka på “Ladda upp” i det översta fältet och ladda upp dina låtar.

3. När du har laddat upp låtarna klickar du på “Stream” i det översta fältet och sedan på “Dela” bredvid din spellista.

4. Klicka på “Bädda in” så kan du även redigera spelarens färg och kopiera koden.

5. Du kan klistra in mp3-spelarens kod från SoundCloud på Webnode med hjälp av knapparna “+” och “HTML”.

6. Publicera ändringarna. Du kan se spelaren från SoundCloud i den publicerade versionen av din webbplats.

Förhandsvisning av gratis mp3-spelare – SoundCloud

Fler fantastiska tutorials

Hur laddar man ner ett kvitto från Webnode?

Hur laddar man ner ett kvitto från Webnode?

Letar du efter ditt kvitto för en betald jänst hos Webnode?   I den här guiden visar jag exakt var du hittar dina kvitton hos Webnode. Du kan ladda ner kvittot direkt via administrationen för ditt projekt Viktigt: Endast webbplatsens ägare (personen som skapade...

Hur lägger man till GIF-bilder på Webnode?

Hur lägger man till GIF-bilder på Webnode?

Vill du bädda in en GIF-bild på din Webnode-hemsida? Webnode-redigeraren stödjer inte .gif-format när du lägger in en sådan bildtyp. Av denna anledning måste du först ladda upp önskad .GIF-bild till en extern tjänst och bruka bildens URL. Sedan klistrar man in URL:en...

Hur aktiverar man enkelt Google Maps hos Webnode?

Hur aktiverar man enkelt Google Maps hos Webnode?

Fungerar inte kartan på din hemsida hos Webnode?   Ibland, när du anger en adress, kan systemet inte hitta den specifika adressen, och då fungerar inte kartan i den publicerade versionen av webbplatsen. I den här guiden kommer jag att visa dig två lösningar för...

Hur skapar man sin egen karta? (med platsnålar på kartan)?

Hur skapar man sin egen karta? (med platsnålar på kartan)?

Vill du lägga till en karta med dina egna punkter hos Webnode?   Skapa en egen karta gratis med Google My Maps. I guiden Hur man ställer in Google Maps korrekt i Webnode? visar jag hur man infogar en karta från den klassiska tjänsten Google My Maps. I den här...

Hur man byter namn på “Varukorgen” i menyn i en WEBNODE-webbshop

Hur man byter namn på “Varukorgen” i menyn i en WEBNODE-webbshop

Vill du byta namn på varukorgen i din e-butik hos Webnode från till exempel “Kundvagn” “Min kassa”?   Med min enkla guide här kommer du definitivt att kunna göra det. Prenumerera bara på mitt nyhetsbrev – William Promotions News – och få den förskapade koden. I...

Hur kopplat jag enkelt Facebook med min hemsida hos Webnode?

Hur kopplat jag enkelt Facebook med min hemsida hos Webnode?

Behöver du aktivera en hemsidowidget för din Facebook-sida på hemsidan hos Webnode?   I guiden Hur lägger man till ikoner för ett socialt nätverk (FB och Instagram) hos Webnode? beskrivs en elegant lösning för att länka sociala nätverk på sin hemsida. Låt oss nu...

Hur man lägger till fallande konfetti till sin HEMSIDA/ESHOP

Hur man lägger till fallande konfetti till sin HEMSIDA/ESHOP

Hur lägger man till en animation – fallande konfetti på Webnode-hemsidor?Jag fick en fråga via Webnodes support om det är möjligt att lägga till en animation för fallande konfetti på en Webnode-hemsida. Ja, det är möjligt – för alla som letar efter "fallande konfetti...

De 6 populäraste Webnode-mallarna 2022

De 6 populäraste Webnode-mallarna 2022

De 6 populäraste mallarna för att skapa en hemsida med webbplatsbyggaren Webnode.seI Webnode gratisnyheter har vi redan nämnt några intressanta saker om Webnode-redigeraren. Har du läst artikeln om de 5 nya funktionerna i den Premiumplanen Business?   Visste du...

Var den här handledningen användbar för dig? Dela gärna.

Follow me