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

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

Webnode Recenze

Webnode Recenze

Webnode recenze 2023Tvorba 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é...

Kopírujte a přesouvejte obsah bez limitací

Kopírujte a přesouvejte obsah bez limitací

Kopírujte a přesouvejte obsahPřed pár měsíci jsme Vám na portálu Wpromotions představili 7 nových WEBNODE šablón pre tvorbu firemného webu. Dnes se podíváme na novinky, které nabízí editor při práci s obsahem, konkrétně kopírování a přesouvání obsahu.Kopírování...

Administrace účtu a projektů

Administrace účtu a projektů

Administrace účtu a projektůPár slov na začátekVítejte v poslední, jedenácté části našeho seriálu Tvorba webových stránek – kompletní návod. Na konec se podíváme na administraci účtu a projektů/webů, vytvořených ve Webnode. Jak se přihlásit do Webnode? Jak stáhnout...

On-page SEO nastavení

On-page SEO nastavení

On-page SEO nastaveníPár slov na začátekNa téma SEO optimalizace jsme psali také v článcích Jak přidat stránku do vyhledávače Google? a Jak přidat www stránku do katalogu firem Moje Firma od Google?Vítejte v desáté, předposlední části našeho seriálu Tvorba webových...

Nastavení webových stránek

Nastavení webových stránek

Nastavení webových stránekPár slov na začátekVítejte v deváté části našeho seriálu Tvorba webových stránek – kompletní návod. Pomalu, ale jistě se blížíme ke konci. V této části se dočtete vše o nastaveních webových stránek vytvořených ve Webnodu. Jak zakoupit doménu?...

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

Follow me