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 vytvořit jednoduchý vizitkový web?

Jak vytvořit jednoduchý vizitkový web?

Jak vytvořit jednoduchý vizitkový web? (scroll-ovací web)Co je to vizitkový web? Vizitkový web je jednoduchý web, který stručně a jasně představuje Vaše služby, či produkty. Je to jednoduchá webová stránka, která slouží pro získání základních informací o Vaší firmě....

Jak si vytvořit vlastní patičku ve Webnode?

Jak si vytvořit vlastní patičku ve Webnode?

Chtěli byste na web / e-shop přidat vlastní patičku (footer) ve Webnode?Chtěli byste si na webové stránky, či e-shop ve Webnode přidat přesměrování resp. odkaz na Vaše obchodní podmínky & GDPR do patičky? S mým jednoduchým návodem to určitě zvládnete. Stačí se...

Jak ve Webnode skrýt datum zveřejnění článku?

Jak ve Webnode skrýt datum zveřejnění článku?

Jak na webe ve Webnode skryť datum zveřejnění článku??V návodu Jak ve Webnode skrýt košík v eshopu? jsme si ukázali jak jednoduše je možné ve Webnode něco "skrýt". V tomto návodu se dozvíte, jak jednoduše můžete ve Webnode, odstranit datum z článku ve Vašem blogu....

Jak na webové stránky vložit mapu z Mapy.cz?

Jak na webové stránky vložit mapu z Mapy.cz?

Jak na Vaše webové stránky vložit mapu od Mapy.cz?V návodech Jak správně nastavit Google Mapu ve Webnode? a Jak si vytvořit mapu s vlastními body (špendlíky na mapě)? jsme si ukázali jednoduché řešení pro přidání mapy na web přes služby od Google. V tomto návodu se...

Jak na web pridať padajíci konfety?

Jak na web pridať padajíci konfety?

Jak na webové stránky vo Webnode pridať animáciu - padajíci konfety?Do mé Webnode poradny přišla otázka, zda je možné na webu ve Webnode přidat animaci padajících konfet. Ano je to možné - pro všechny, kteří hledají "padající konfety na web" jsem připravil kód, který...

Jak propojit Google Tag Manager s webem od Webnode?

Jak propojit Google Tag Manager s webem od Webnode?

Co je to Google Tag Manager?Internetový (online) marketing vyžaduje vkládání různých měřících kódů na Váš web či e-shop. Abyste nemuseli vkládat každý měřící kód "ručně" do hlavičky, či patičky webu můžete použít službu Google Tag Manager, která Vám umožní vložit na...

Jak skrýt nákupní košík v e-shopu Webnode?

Jak skrýt nákupní košík v e-shopu Webnode?

Jak skrýt nákupní košík v e-shopu Webnode?Máte u společnosti Webnode vytvořený e-shop a chtěli byste skrýt nákupní košík v menu a tlačítko "Přidat do košíku", abyste mohli využívat e-shopové prvky jako např. přidávání produktů, avšak nechcete využívat e-shop jako...

Jak zvýšit prodej v e-shopu o 7-18%?

Jak zvýšit prodej v e-shopu o 7-18%?

Chcete zvýšit prodej na Vašem e-shopu? Máte návštěvníků, avšak jen málo lidí si něco koupí? V tomto návodu Vám ukážu skvělý způsob jak zvýšit prodeje v e-shopu. Jsou to notifikace. Ano - obyčejné, pro někoho možná otravné, notifikace. Online nástroj Notifikuj.cz se mi...

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

Follow me