toggle mobile menu

HTML-koodin liittäminen verkkosivuille


Lisää sivustolle koodiliitännäisiä (plugin) esimerkiksi sosiaalisen median syötteiden (feed) tai upotettujen videoiden käyttöä ajatellen. Voit myös käyttää koodaamalla tehtyjä kustomoituja erityisominaisuuksia HTML-sisällön avulla. Tässä ohjeessa näytetään, kuinka YouTube-video upotetaan kotisivuille.

Sivulle upotetun YouTube-videon lisääminen


Klikkaa tyhjää sisältöelementtiä ja lisää HTML code -sisältötyyppi.

Embedding Youtube video to LiquidBlox editor

Vaihe 1


Avaa YouTube -videon sivu selaimessa ja klikkaa Share-nappia videon alla.

LiquidBlox editor - choose embed option

Vaihe 2


Klikkaa Embed-vaihtoehtoa.

LiquidBlox editor - video options

Vaihe 3


Valitse haluamasi videon asetukset ja klikkaa copy.

Upotuskoodi kopioidaan  tietokoneen leikepöydälle.

LiquidBlox editor - pasting the HTML code to content blox

Vaihe 4


Liitä koodi HTML-elementtiin LiquidBlox-sivulla.

LiquidBlox editor - adjusting the width and height of the embedded video
  1. Videon leveys ja korkeus
  2. Sisältöelementin leveys ja korkeus


Voit joutua muuttamaan videon koon määrittäviä asetuksia koodissa, jotta video asettuu sivulle halutulla tavalla.

LiquidBlox web page with embedded video

Valmis sivu, johon video on upotettu.

HTML-koodin liittäminen verkkosivuille


Lisää sivustolle koodiliitännäisiä (plugin) esimerkiksi sosiaalisen median syötteiden (feed) tai upotettujen videoiden käyttöä ajatellen. Voit myös käyttää koodaamalla tehtyjä kustomoituja erityisominaisuuksia HTML-sisällön avulla. Tässä ohjeessa näytetään, kuinka YouTube-video upotetaan kotisivuille.

Sivulle upotetun YouTube-videon lisääminen


Klikkaa tyhjää sisältöelementtiä ja lisää HTML code -sisältötyyppi.

Embedding Youtube video to LiquidBlox editor

Vaihe 1


Avaa YouTube -videon sivu selaimessa ja klikkaa Share-nappia videon alla.

LiquidBlox editor - choose embed option

Vaihe 2


Klikkaa Embed-vaihtoehtoa.

LiquidBlox editor - video options

Vaihe 3


Valitse haluamasi videon asetukset ja klikkaa copy.

Upotuskoodi kopioidaan  tietokoneen leikepöydälle.

LiquidBlox editor - pasting the HTML code to content blox

Vaihe 4


Liitä koodi HTML-elementtiin LiquidBlox-sivulla.

LiquidBlox editor - adjusting the width and height of the embedded video
  1. Videon leveys ja korkeus
  2. Sisältöelementin leveys ja korkeus


Voit joutua muuttamaan videon koon määrittäviä asetuksia koodissa, jotta video asettuu sivulle halutulla tavalla.

LiquidBlox web page with embedded video

Valmis sivu, johon video on upotettu.

toggle mobile menu

HTML-koodin liittäminen verkkosivuille


Lisää sivustolle koodiliitännäisiä (plugin) esimerkiksi sosiaalisen median syötteiden (feed) tai upotettujen videoiden käyttöä ajatellen. Voit myös käyttää koodaamalla tehtyjä kustomoituja erityisominaisuuksia HTML-sisällön avulla. Tässä ohjeessa näytetään, kuinka YouTube-video upotetaan kotisivuille.

Sivulle upotetun YouTube-videon lisääminen


Klikkaa tyhjää sisältöelementtiä ja lisää HTML code -sisältötyyppi.

Embedding Youtube video to LiquidBlox editor

Vaihe 1


Avaa YouTube -videon sivu selaimessa ja klikkaa Share-nappia videon alla.

LiquidBlox editor - choose embed option

Vaihe 2


Klikkaa Embed-vaihtoehtoa.

LiquidBlox editor - video options

Vaihe 3


Valitse haluamasi videon asetukset ja klikkaa copy.

Upotuskoodi kopioidaan  tietokoneen leikepöydälle.

LiquidBlox editor - pasting the HTML code to content blox

Vaihe 4


Liitä koodi HTML-elementtiin LiquidBlox-sivulla.

LiquidBlox editor - adjusting the width and height of the embedded video
  1. Videon leveys ja korkeus
  2. Sisältöelementin leveys ja korkeus


Voit joutua muuttamaan videon koon määrittäviä asetuksia koodissa, jotta video asettuu sivulle halutulla tavalla.

LiquidBlox web page with embedded video

Valmis sivu, johon video on upotettu.