Kuidas luua Bloggerile karusselli vidin

Vidinad võivad teie ettevõtte veebisaidile värsket uut sisu lisada. Vidin on väike kood, mis paneb miniatuurse rakenduse veebilehele. Näiteks Amazon's Carousel'i vidin kuvab Amazon tooteid interaktiivses 3-D pildikaardis, mida teie blogi lugejad saavad klõpsata. Kui teie ettevõttel on Google Bloggeri konto, saate selle vidina oma blogisse manustada ilma HTML-koodi kirjutamata. Amazon.com veebisaidi lihtsad tööriistad võimaldavad luua oma kohandatud Carouseli vidina mõne minuti jooksul.

Loo vidin

1.

Külastage Amazon.com veebisaidi Carousel Widgeti lehekülge ja logige oma Amazon Associates kontole sisse, kui teil on see. Vidina saate kasutada ilma kontoga, kuid te ei teeni Amazon'ilt viite tasusid, kui teie saidi külastajad ostavad tooteid oma vidina kaudu.

2.

Tippige selle toote nimi, mille soovite oma vidina kuvada tekstikasti "Otsi ja lisa".

3.

Klõpsake "Go", et vaadata toodete nimekirja. Vaadake üle tooted ja klõpsake nupul „Lisa toode“ nende kõrval, mida vidin kuvab.

4.

Klõpsake "Järgmine samm", et minna lehele Paigutus & Suurus. See lehekülg võimaldab valida vidina orientatsiooni, suurust ja muid omadusi.

5.

Klõpsake selle valimiseks suurust. Seejärel klõpsake ühte orientatsioonirežiimi. Klõpsake jaotises Suvandid jaotise suvandit ja seejärel klõpsake „Lisa minu veebilehe juurde”.

6.

Vaadake läbi kasutustingimuste leping ja klõpsake "Agree", et vaadata saidi loodud HTML-koodi.

Lisa Bloggerisse

1.

Kopeerige HTML-kood oma süsteemi lõikepuhvrisse ja navigeerige oma Bloggeri juhtpaneeli lehele, et vaadata oma blogide loendit.

2.

Klõpsa blogi kõrval olevat linki, mis sisaldab vidina. Avaneb leht „Lehekülje elementide lisamine ja korrastamine” ning kuvatakse vidinaid lehe paremal küljel.

3.

Liiguta sellesse loendisse ja klõpsa valikul Lisa vidin lisamiseks hüpikakna lisamine, mis sisaldab suvandeid. Klõpsake valikut "HTML / JavaScript". Avaneb aken Configure HTML / JavaScript ja kuvab tekstikasti.

4.

Kleepige kopeeritud kood sellesse tekstikasti ja tippige vidina nimi sisestuskasti "Pealkiri". See nimi aitab vidinat tuvastada.

5.

Klõpsa "Salvesta" ja seejärel klõpsake "Vaata blogi", et näha vidina, nagu see ilmub teie blogi lehele.

Nõuanded

  • Eemaldage vidin, naases lehele "Lisa ja korralda elemente" ja klõpsates vidina kõrval oleval lingil "Muuda". Kui avaneb aken HTML / JavaScript seadistamine, klõpsake vidina kustutamiseks "Eemalda".
  • Kaaluge oma vidina toodete valimist, mis on seotud teie blogi sisuga. Inimesed võivad olla rohkem kaasatud, et klõpsata ja osta vidinal kuvatud tooteid, kui nad on juba teie blogi teemast huvitatud.
 

Jäta Oma Kommentaar