V návode “Ako na web vo Webnode pridať playlist/album zo Spotify? sme si ukázali pekný mp3 prehrávač.

Poďme sa teraz spoločne pozrieť na Vaše ďalšie možnosti.

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

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

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

Ako sme písali v článku Webnode recenzia, Webnode editor je vhodný pre širokú škálu používateľov. Prednedávnom sme si ukázali, že jednoduchosť a užívateľskú prívetivosť tohto online editora ocenia napríklad aj snúbenci, a to pri tvorbe svadobného webu. Webnode je...

Ako pridať certifikát “Overené zákazníkmi” vo Webnode?

Ako pridať certifikát “Overené zákazníkmi” vo Webnode?

O nástroji na tvorbu webu Webnode sme naposledy písali vo Webnode recenzii. V novinke 5 nových funkcií NOVÉHO Prémiového balíčku Business – WEBNODE pre e-shopy sme Vám ukázali, aké funkcie sú súčasťou najvyššieho Prémiového balíčku. Majitelia e-shopov pripravte sa!...

Ako vo Webnode pridať vyskakovacie okno pre overenie veku? (18+)

Ako vo Webnode pridať vyskakovacie okno pre overenie veku? (18+)

Vyskakovacie okno vo Webnode Vyskakovacie okno zdarma vs platená verzia Vyskakovacie okno šablóny Vyskakovacie okno a Webnode e-shop Ako vo Webnode pridať vyskakovacie okno? Záver Vyskakovacie okno - Časté otázky (FAQ)Vyskakovacie okno vo WebnodeChceli by ste na Vaše...

Svadobný web zadarmo

Svadobný web zadarmo

Čo je to svadobný web? Čo je to svadobná stránka? Prečo si svadobný web vytvoriť? Čo patrí na svadobný web? Koľko svadobný web stojí? Svadobné šablóny Ako vytvoriť svadobný web?Čo je to svadobný web? Čo je to svadobná stránka?V dnešnej digitálnej dobe sa už ani svadba...

Webnode Recenzia

Webnode Recenzia

Webnode recenzia 2023Tvorba webu s Webnode je jednoduchá - zvládne to aj Vaša babičkaVitajte v našej Webnode recenzii, kde Vám ponúkame objektívny pohľad na editor, tzv. program na vytváranie webových stránok, od spoločnosti Webnode. Tvorba webu zdarma vs. prémiové...

Kopírujte a presúvajte obsah bez limitácií

Kopírujte a presúvajte obsah bez limitácií

Kopírujte a presúvajte obsahPred pár mesiacmi sme Vám na portáli Wpromotions predstavili 7 nových WEBNODE šablón pre tvorbu firemného webu. Dnes sa pozrieme na novinky, ktoré ponúka editor pri práci s obsahom, konkrétne kopírovanie a presúvanie obsahu.Kopírovanie a...

Administrácia účtu a projektov

Administrácia účtu a projektov

Administrácia účtu a projektovPár slov na začiatokVitajte v poslednej, jedenástej časti nášho seriálu Tvorba webových stránok - kompletný návod. Na koniec sa pozrieme na administráciu účtu a projektov, tzv. webov, vytvorených vo Webnode. Ako sa prihlásiť do Webnode?...

On-page SEO nastavenia

On-page SEO nastavenia

On-page SEO nastaveniaPár slov na začiatokNa tému SEO optimalizácie sme písali aj v článkoch Ako pridať stránku do vyhľadávača Google? a Ako pridať www stránku do katalógu firiem Moja Firma od Google?Vitajte v desiatej, predposlednej, časti nášho seriálu Tvorba...

Nastavenia webových stránok

Nastavenia webových stránok

Nastavenia webových stránokPár slov na začiatokVitajte v deviatej časti nášho seriálu Tvorba webových stránok - kompletný návod. Pomaly, ale isto sa blížime ku koncu. V tejto časti sa dočítate všetko o nastaveniach webových stránok vytvorených vo Webnode. Ako zakúpiť...

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

Follow me