Hľadáte jednoduchý spôsob ako na webové stránky vo Webnode vložíte MP3 prehrávač? 


V tomto návode si ukážeme 3 jednoduché spôsoby (zdarma).

1. Prvým spôsobom je použitie funkcie priamo vo Webnode editore. Kliknite na “+” a “Soubor“.

  • Mp3 sa spustí v samostatnom okne.
  • Mp3 môžete vkladať zdarma do limitu pre priestor na servery. Vo verzii Zdarma vo Webnode je to 100 MB.

 

2. Druhým spôsobom je použitie externej služby (HTML kódu). Použijeme službu Powr.io, kde si môžete zdarma vygenerovať MP3 music player pre 3 pesničky. Pridanie ďalších mp3 je už potom spoplatnené zakúpením Prémium účtu.

1. Kliknete na “Try It now FREE“.

2. Zaregistrujte sa

3. Kliknite na tento odkaz, ktorý Vás presmeruje na vytvorenie mp3 prehrávača.

4. Kliknite na “Create your own“.

5. Môžete odstrániť demá a tlačítkom Upload Mp3 si nahrať vlastné pesničky. Limit pre súbor vo free verzii je 5 MB.


TIP: V kolonke “Design” môžete zmeniť farby a celkový vzhľad prehrávaču.

6. Ak ste s vytvoreným prehrávačom spokojný, kliknite v hornej časti obrazovky na “Add to site“.

7. Zvolíte “FREE” verziu pre 3 pesničky kliknutím na “Select plan“.

8. Skopírujte si HTML kód mp3 prehrávaču a ten vložte na web vo Webnode pomocou + a HTML kódu.

Ukážka mp3 prehrávaču (obsahuje aj reklamu 🙁

3. Tretia možnosť je použiť skvelú službu Sound Cloud.

Návod na vloženie prehrávaču od SoundCloud na Webnode

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

2. V hornej lište kliknite na “Upload” a vložte Vaše pesničky.

3. Po nahratí pesničiek kliknete v hornej lište na “Stream” a následne pri Vašom playliste dáte “Share“.

4. kliknete na “Embed“, upravte si farbu prehrávaču a skopírujete si kód.

5. Kód prehrávaču od SoundCloud vložíte na web u Webnode pomocou tlačítka “+” a “HTML“.

6. Publikujte zmeny. Prehrávač od SoundCloud uvidíte v publikovanej verzii Vášho webu.

Ukážka prehrávaču SoundCloud:

Ďalšie skvelé návody

Ako si na web vo Webnode pridať online rezervačný systém? Zdarma!

Ako si na web vo Webnode pridať online rezervačný systém? Zdarma!

Potrebujete na Vaše webové stránky napr. vo Webnode vložiť online rezervačný systém pre správu rezervácií? Nech už robíte čokoľvek, Reservio je skvelou voľbou pre organizáciu Vášho času! 🙂 A čo všetko Vám online rezervačný systém od Reservio ponúka? prehľadný...

Ako pridať vyhľadávač produktov vo Webnode e-shope?

Ako pridať vyhľadávač produktov vo Webnode e-shope?

Chceli by ste vyhľadávač produktov na Vašom e-shope od WEBNODE?Hľadáte jednoduché a štýlové vyhľadávacie políčko, ktoré si vložíte na Váš web, či e-shop vo Webnode?VIDEONÁVOD:V návode Ako na web pridať vlastné vyhľadávacie pole? Google Custom Search  sme si ukázali...

Ako vložiť Facebook Pixel kód na web vo WEBNODE?

Ako vložiť Facebook Pixel kód na web vo WEBNODE?

Chceli by ste si prepojiť Váš web vo Webnode s Facebook? V návode Ako pridať remarketingový kód vo Webnode? som Vám priblížil čo ten remarketing vlastne je. Poďme sa teraz spoločne pozrieť na FB reklamu a Vaše ďalšie možnosti :)Čo je to ten Facebook Pixel?  ...

Ako premenovať “Košík” v menu vo WEBNODE e-shope?

Ako premenovať “Košík” v menu vo WEBNODE e-shope?

Chceli by ste premenovať košík v e-shope vo Webnode z "Košík" na napr. "Môj košík" ?   S mojim jednoduchým návodom to určite zvládnete. Stačí sa prihlásiť do môjho newslettra - William promotions news - a získať predpripravený kód. V kóde jednoducho zmeníte text...

Ako na web vo WEBNODE pridať animáciu písajúcej ceruzky?

Ako na web vo WEBNODE pridať animáciu písajúcej ceruzky?

Chcete zaujať Vaše publikum?  Chceli by ste si vylepšiť Váš web?   Vytvoril som pre Vás kód, ktorý umožní na Vašom webe , či e-shope vo WEBNODE zobraziť animáciu písajúcej ceruzky. V kóde si môžete zvoliť vlastný text, aby ceruzka písala presne to, čo chcete! :)...

Ako pridať rozbaľovacie záložky (FAQ) na web vo WEBNODE ?

Ako pridať rozbaľovacie záložky (FAQ) na web vo WEBNODE ?

Chceli by ste si na webové stránky vo Webnode pridať FAQ ?V návode Ako zobraziť a skryť text po kliknutí na tlačítko “Viac textu” ? som Vám ukázal jednoduchý spôsob ako na webe skryť text.   V tomto návode si ukážeme, ako je možné pomocou môjho kódu vytvoriť na...

Ako vytvoriť jednoduchý vizitkový web?

Ako vytvoriť jednoduchý vizitkový web?

Ako vytvoriť jednoduchý vizitkový web? (scroll-ovací web)Čo je to vizitkový web? Vizitkový web je jednoduchý web, ktorý stručne a jasne predstavuje Vaše služby, či produkty. Je to jednoduchá webová stránka, ktorá slúži pre získanie základných informácií o Vašej firme....

Pomohol ti tento návod? Pošli ho priateľom 🙂

Follow me