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

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

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

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

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

Úspěšný firemní web – návod, výhody, povinnosti a tipy!

Úspěšný firemní web – návod, výhody, povinnosti a tipy!

Jak jsme psali v článku Webnode recenze, Webnode editor je vhodný pro širokou škálu uživatelů. Nedávno jsme si ukázali, že jednoduchost a uživatelskou přívětivost tohoto online editoru ocení například i snoubenci, a to při tvorbě svatebního webu. Webnode je skvělou...

Jak přidat certifikát “Ověřeno zákazníky” ve Webnode?

Jak přidat certifikát “Ověřeno zákazníky” ve Webnode?

O nástroji pro tvorbu webu Webnode jsme naposledy psali ve Webnode recenzi. V novince 5 nových funkcí NOVÉHO Prémiového balíčku Business – Webnode pro e-shopy jsme Vám ukázali, jaké funkce jsou součástí nejvyššího Prémiového balíčku. Majitelé eshopů připravte se! Dnes...

Jak ve Webnode přidat vyskakovací okno pro ověření věku? (18+)

Jak ve Webnode přidat vyskakovací okno pro ověření věku? (18+)

Vyskakovací okno ve Webnode Vyskakovací okno zdarma vs placená verze Vyskakovací okno šablony Vyskakovací okno a Webnode e-shop Jak ve Webnode přidat vyskakovací okno? Závěr Vyskakovací okno - Časté dotazy (FAQ)Vyskakovací okno ve WebnodeChtěli byste na Vaše webové...

Svatební web zdarma

Svatební web zdarma

Co je svatební web? Co je svatební stránka? Proč si svatební web vytvořit? Co patří na svatební web? Kolik svatební web stojí? Svatební šablony Jak vytvořit svatební web?Co je svatební web? Co je svatební stránka?V dnešní digitální době se už ani svatba neobejde bez...

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

Viliam
Follow me