Hledáte jednoduchý způsob jak na webové stránky ve Webnode vložíte MP3 přehrávač?

 

V tomto návodu si ukážeme 3 snadné způsoby (zdarma).

1. Prvním způsobem je použití funkce přímo ve Webnode editoru. Klikněte na “+” a “Soubor“.

  • Mp3 se spustí v samostatném okně.
  • Mp3 můžete vkládat zdarma do limitu pro prostor na servery. Ve verzi Zdarma ve Webnode je to 100 MB.

 

 

2. Druhým způsobem je použití externí služby (HTML kódu). použijeme službu Powr.io, kde si můžete zdarma vygenerovat MP3 music player pro 3 písničky. Přidání dalších mp3 je už pak zpoplatněny zakoupením Prémium účtu.

1. Klikněte na “Try It now FREE“.

2. Zaregistrujte se

3. Klikněte na tenhle odkaz, který Vás přesměruje na vytvoření mp3 přehrávače.

4. Klikněte na “Create your own“.

5. Můžete odstranit dema a tlačítkem Upload Mp3 si nahrát vlastní písničky. Limit pro soubor ve free verzi je 5 MB.


TIP: V kolonce “Design” můžete změnit barvy a celkový vzhled přehrávači.

6. Pokud jste s vytvořeným přehrávačem spokojený, klikněte v horní části obrazovky na “Add to site“.

7. Zvolíte “FREE” verzi pro 3 písničky kliknutím na “Select plan“.

8. Zkopírujte si HTML kód mp3 přehrávači a ten vložte na web ve Webnode pomocí + a HTML kódu.

Ukážka mp3 prehrávaču

3. Třetí možnost je použít skvělou službu Sound Cloud.

Návod na vložení mp3 přehrávača od SoundCloud na Webnode

1. Zaregistrujte se na stránkach https://soundcloud.com/

2. V horní lište klikněte na “Upload” a vložte Vaše pesničky.

3. Po nahrání písniček kliknete v horní liště na “Stream” a následně při Vašem playlistu dáte “Share“.

4. kliknete na “Embed“, upravte si barvu přehrávači a zkopírujete si kód.

5. Kód mp3 přehrávaču od SoundCloud vložíte na web u Webnode pomocí tlačítka “+” a “HTML“.

6.Publikujte změny. Přehrávač od SoundCloud uvidíte v publikované verzi Vašeho webu.

Ukážka prehrávaču SoundCloud:

Další návody

Jak přidat kalendář akcí/eventů na webové stránky?

Jak přidat kalendář akcí/eventů na webové stránky?

Kalendář akcí/eventů Event Calendar widget - zdarma VS premium Kalendář akcí šablony - kalendář pro každý event NÁVOD: Jak přidat kalendář akcí/eventů na webové stránky ve Webnode? Kalendář akcí - ukázka Pár slov na závěr Kalendář akcí - Časté dotazy (FAQ)Kalendář...

Jak vytvořit webové stránky zdarma v 6 krocích?

Jak vytvořit webové stránky zdarma v 6 krocích?

Webové stránky zdarma Webové stránky zdarma – šablony Pro koho jsou webové stránky zdarma určeny? Webové stránky zdarma s vlastní doménou Webové stránky zdarma - 5 ověřených tipů jak začít NÁVOD: Jak vytvořit webové stránky v 6-ti krocích? Pár slov na závěr Webové...

Jak přidat počítadlo čísel na webové stránky?

Jak přidat počítadlo čísel na webové stránky?

Animované počítadlo čísel Počítadlo čísel - zdarma VS premium Počítadlo čísel - vyberte si ten správný typ NÁVOD: Jak přidat počítadlo čísel na webové stránky ve Webnode? Počítadlo čísel - ukázka Pár slov na závěr Počítadlo čísel - Časté dotazy (FAQ)Animované...

Nákupní proces s Webnode e-shopem

Nákupní proces s Webnode e-shopem

Nákupní proces a Webnode e-shop Co je to nákupní proces? Co všechno lze nastavit pro nákupní proces ve Webnode e-shopu? NÁVOD: Jak nastavit nákupní proces pro Webnode e-shop? Pár slov na závěr Nákupní proces – Časté dotazy (FAQ)  Nákupní proces a Webnode e-shopV...

Jak vytvořit webové stránky pro chovatelskou stanici?

Jak vytvořit webové stránky pro chovatelskou stanici?

Tvorba webových stránek pro chovatelskou stanici Vlastní web pro chovatelskou stanici - výhody Co patří na web pro chovatelskou stanici? Kolik stojí webové stránky pro chovatelskou stanici? Webnode šablony pro chovatelský web NÁVOD: Jak vytvořit webové stránky pro...

Jak propojit sociální sítě s webovými stránkami ve Webnode?

Jak propojit sociální sítě s webovými stránkami ve Webnode?

Sociální sítě a Webnode Social Feed widget - zdarma VS premium Social Feed widget - vyberte si ten správný typ NÁVOD: Jak propojit obsah sociálních sítí s webem ve Webnode? Social Feed widget - ukázka Pár slov na závěr Social Feed widget - Časté dotazy (FAQ)Sociální...

Jak propojit www stránky se sociální sítí Instagram?

Jak propojit www stránky se sociální sítí Instagram?

Instagram a Webnode Instagram Feed widget - zdarma VS premium Instagram Feed widget - vyberte si ten správný typ NÁVOD: Jak propojit Instagram s webem ve Webnode? Instagram Feed widget - ukázka Pár slov na závěr Instagram Feed widget - Časté dotazy (FAQ)Instagram a...

Tvorba webu ve Webnode s pomocí umělé inteligence (AI).

Tvorba webu ve Webnode s pomocí umělé inteligence (AI).

Webové stránky s Webnode a umělou inteligencí (AI) Výhody tvorby webu pomocí použití umělé inteligence NÁVOD: Jak vytvořit web ve Webnode pomocí umělé inteligence? Migrace webové stránky k Webnode pomocí AI Uživatelské zkušenosti s tvorbou webu pomocí AI od Webnode...

Líbil se ti tento návod? Pošli ho přátelům 🙂

Viliam
Follow me