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 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...

Jak přidat recenze z Facebook na web ve Webnode?

Jak přidat recenze z Facebook na web ve Webnode?

Facebook Recenze ve Webnode Facebook Recenze - zdarma VS premium Facebook Recenze - vyberte si ten správný typ Facebook Recenze widget a Webnode e-shop/web NÁVOD: Jak přidat recenze z Facebook na web ve Webnode? Pár slov na závěr Facebook Recenze HTML Widget - Časté...

Jak přidat vyskakovací okno (POP-UP) ve Webnode? ZDARMA!

Jak přidat vyskakovací okno (POP-UP) ve Webnode? ZDARMA!

Vyskakovací (pop-up) okno v Webnode Vyskakovací (pop-up) okno – zdarma VS prémiové Vyskakovací (pop-up) okno - vyberte si ten správný typ Vyskakovací okno (pop-up) a Webnode e-shop/web Vyskakovací okno (pop-up) – mobil/tablet NÁVOD: Jak přidat vyskakovací okno v...

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

Viliam
Follow me