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
⭐Webnode Eerlijk Recensie & Beoordeling
Heb je ooit je eigen website vanaf nul willen maken? Wil je een website of e-shop maken en die zichtbaar maken op het Internet? Ga nu meteen aan de slag en leer hoe je gemakkelijk je eerste eigen website kunt maken.Een website maken met Webnode is enorm eenvoudig. Het...
Webnode Recenzia
Vitajte. Naša Webnode recenzia Vám ponúkne ucelený pohľad na editor, tzv. program na vytváranie webových stránok, od spoločnosti Webnode. Tvorba webu zdarma vs. prémiové služby. Výhody a nevýhody tohto online nástroja. Skúsenosti s Webnode. To všetko a ešte oveľa...
Webnode Κριτική: Πώς να δημιουργήσετε δωρεάν ιστοσελίδα ή E-shop (+ΣΥΜΒΟΥΛΕΣ SEO)
Σκέφτεστε να αποκτήσετε τη δική σας ιστοσελίδα; Θέλατε να φτιάξετε μία ιστοσελίδα ή E-shop ώστε να σας βρίσκουν στο Internet; Ξεκινήστε μαθαίνοντας πώς μπορείτε να φτιάξετε εύκολα την πρώτη ιστοσελίδα σας.Η δημιουργία ιστοσελίδας με τη Webnode είναι πολύ απλή ακόμα...
Revisión de Webnode 2025
¿Alguna vez has querido crear tu propia página web desde cero? ¿Quieres crear una webo una tienda online y hacerla visible en Internet? Comience ahora mismo y aprenda a crear fácilmente su primer sitio web personalizado.Crear una web con Webnode es muy simple incluso...
Webnode Rezension 2025: Wie man eine Website oder einen E-Shop erstellt?
Wollten Sie schon immer Ihre eigene Website von Grund auf erstellen? Möchten Sie eine Website oder einen E-Shop erstellen und sich im Internet sichtbar machen? Beginnen Sie jetzt und lernen Sie, wie Sie ganz einfach Ihre erste Website erstellen. Das Erstellen...
Webnode Recenze
Webnode recenze 2025Tvorba webu s Webnode je jednoduchá - zvládne to i Vaše babičkaVítejte v naší Webnode recenzi, kde Vám nabízíme objektivní pohled na editor, tzv. program pro vytváření webových stránek, od společnosti Webnode. Tvorba webu zdarma vs. prémiové...
Webnode kokemuksia
Oletko koskaan halunnut luoda oman sivuston ihan tyhjästä? Haluatko luoda kotisivut tai verkkokaupan ja tulla näkyviin internetissä? Aloita nyt ja opi helposti luomaan oman sivuston.Sivuston luonti Webnodella on helppo – jopa mummosi siinä onnistuu Tässä...
Hur man skapar en webbplats gratis (Webnode recension 2025 + SEO-TIPS)
Har du någonsin velat skapa din egen hemsida från grunden? Vill du skapa en hemsida eller e-butik och göra den synlig på Internet? Kom igång nu och lär dig hur du enkelt skapar din första anpassade webbplats.Att skapa en webbplats med Webnode är så enkelt även din...
🚀 Webnode áttekintés
Szerettél volna valaha weboldalt létrehozni a semmiből? Gondolkozol rajta, hogy weboldalt vagy webáruházat készíts, hogy jelen legyél az interneten? Kezdd el most és tudd meg, hogyan tudod könnyen létrehozni az első egyedi weboldaladat. A Webnode-dal olyan egyszerű...
Webnode Review: How to create a website/e-shop for free (Webnode review 2025 +SEO TIPS)
Have you ever wanted to create your own website from scratch? Do you want to create a website or e-shop and make it visible on the Internet? Get started right now and learn how to easily create your first custom website.Creating a website with Webnode is so simple...
Ako vytvoriť webové stránky pre prenájom karavanu?
Tvorba webových stránok pre prenájom karavanu Čo patrí na web pre prenájom karavanu / obytnej dodávky? Koľko stoja webové stránky pre prenájom karavanu? Webnode šablóny pre prenájom karavanu Ako vytvoriť webové stránky pre prenájom karavanu zdarma v 6-tich krokoch?...
Ako vytvoriť interaktívnu Google mapu s vlastnými špendlíkmi?
Mapa s vlastnými špendlíkmi Interaktívna mapa "Google Maps Widget" - zdarma VS premium Interaktívna mapa s vlastnými špendlíkmi - šablóny NÁVOD: Ako vytvoriť interaktívnu Google mapu s vlastnými špendlíkmi? Pár slov na záver Google mapa s vlastnými špendlíkmi - Časté...
Ako vytvoriť Google Maps API kľúč?
V článku Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)? sme si ukázali, ako vytvoriť mapu cez Google My Maps a pridať na ňu vlastné body/špendlíky. Mapa vytvorená pomocou Google My Maps funguje samostatne a nevyžaduje Google Maps API kľúč. Ak chcete...
Jak si založit Webnode e-shop v roce 2025?
Internetový prodej Co všechno lze prodávat přes e-shop? Webnode e-shop - výhody a nevýhody Webnode e-shop - šablony Webnode e-shop - ceník Webnode e-shop - zkušenosti NÁVOD: Jak si založit vlastní Webnode e-shop? Pár slov na závěr Webnode e-shop - Časté dotazy...
Ako si založiť Webnode e-shop v roku 2025?
Internetový predaj Čo všetko sa dá predávať cez e-shop? Webnode e-shop - výhody a nevýhody Webnode e-shop - šablóny Webnode e-shop - cenník Webnode e-shop - skúsenosti NÁVOD: Ako si založiť vlastný Webnode e-shop? Pár slov na záver Webnode e-shop - Časté otázky...
- Ako vytvoriť webové stránky pre prenájom karavanu? - 7.4.2025
- Jak si založit Webnode e-shop v roce 2025? - 5.1.2025
- ⭐Webnode Eerlijk Recensie & Beoordeling - 1.1.2025