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 prepojiť Facebook Messenger s webom u Webnode?

Chcete prepojiť Facebook Messenger s webom u Webnode a získať tak "online chat" na webe úplne zdarma?   Jednoduchý návod na prepojenie webu u Webnode s Facebook Messenger Facebook Messenger je skvelou voľbou pre komunikáciu s návštevníkom Vášho webu. Po kliknutí na...

Ako Nastaviť Emailový Marketing vo Webnode cez MailChimp?

Hľadáte jednoduché riešenie pre e-mailový marketing vo Webnode? Chcete na Váš web vložiť vyskakovacie okno (pop-up) pre zber e-mailov? Posielajte svojim odberateľom novinky skrz automatizovaný systém MailChimp. Je to zdarma do 2 000 odberateľov a 12 000 e-mailov...

Ako pridať remarketingový kód vo Webnode?

Ako nastaviť remarketing vo Webnode? a Kam vložiť remarketingový kód?   V návode Ako pridať konverzný kód vo Webnode? som Vám ukázal jednoduchý postup pre vloženie konverzného kódu pre sledovanie konverzií. Poďme sa teraz spoločne pozrieť na ďalšiu PPC metódu...

Ako nastaviť poštového klienta Gmail s emailom od Webnode?

Chcete prepojiť svoj e-mail u Webnode s Gmail.com a nastaviť Gmail ako poštového klienta? Príjem správ z Webnode do Gmail.   V návode Ako Vytvoriť Profesionálny E-mailový Podpis? Jednoducho a ZDARMA som Vám ukázal veľmi jednoduchý spôsob ako si vytvoriť emailový...

Ako sledovať aktivitu návštevníkov Vášho webu pomocou SmartLook?

Chcete pochopiť správanie Vášho klienta na webe? Služba SmartLook Vám s tým určite pomôže.   Čo je to "Smartlook" ?   Smartlook je online aplikácia pre nahrávanie pohybu myši návštevníkov Vášho webu/eshopu, Pomôže Vám odhaliť chyby na Vašom webe. Použitie...

Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)?

Chcete na web vo Webnode pridať mapu s vlastnými bodmi?   V návode Ako správne nastaviť Google Mapu vo Webnode? som Vám ukázal ako vložiť mapu z klasickej adresy v Google My maps. V tomto návode si ukážeme postup pre vytvorenie vlastnej mapy s neobmezedným počtom...

Ako Vytvoriť Profesionálny E-mailový Podpis? Jednoducho a ZDARMA

Hľadáte spôsob ako si vytvoriť emailový podpis? (Gmail, Webmail, Outlook apod) Emailový podpis je nevyhnuteľnou súčasťou modernej komunikácie medzi zákazníkom a podnikateľom. Firemný email zvýši dôveryhodnosť v očiach Vášho potencionálneho klienta. Vytvorte si preto...

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

Viliam

Jednatel vo Webgrow s.r.o.
Baví ma Internet a zvlášť redakčné systémy ako Webnode alebo WordPress s Divi šablónou.  Vytvoril som pre Vás portál Wpromotions.eu, aby som Vám pomohol s tvorbou Vašej webovej stránky alebo e-shopu. V prípade potreby ma neváhajte kontaktovať, rád Vám poradím.

Prihláste sa k odberu noviniek zo sveta webových stránok - William Promotions

Pripojte sa do nášho newslettra, a už Vám neunikne žiadny návod :) 

Získaj zdarma návody a tipy na tvorbu webu

1x e-mail do mesiaca s 5 novými návodmi

Ďakujem ti za prihlásenie. Ozvem sa čoskoro s novým návodom :)