Yuav ua li cas rau Embed Google Calendar ntawm Koj Lub Vev Xaib

Cov txheej txheem:

Yuav ua li cas rau Embed Google Calendar ntawm Koj Lub Vev Xaib
Yuav ua li cas rau Embed Google Calendar ntawm Koj Lub Vev Xaib
Anonim

Yuav Paub

  • Ntawm Google Calendar, xaiv peb dots ib sab ntawm daim ntawv qhia hnub > Settings and Sharing > the copy Embed code.
  • Copy tus lej rau lub default calendar settings lossis xaiv Customize los hloov cov chaw.
  • Copy HTML code thiab muab tso rau hauv HTML rau koj lub vev xaib.

Kab lus no piav qhia yuav ua li cas xaiv, kho, thiab kos Google Calendar rau hauv koj lub vev xaib. Cov lus qhia siv rau desktops ntawm txhua qhov browser.

Yuav ua li cas rau Embed Google Calendar ntawm Koj Lub Vev Xaib

Siv Google Calendar pub dawb los tswj thiab qhia daim ntawv qhia hnub rau pej xeem ntawm koj lub vev xaib.

Pib Pib: Nqis

Image
Image

Txhawm rau kos daim ntawv qhia hnub, nkag rau hauv Google Calendar. Tom ntej no, mus rau sab laug vaj huam sib luag thiab hover tshaj daim ntawv qhia hnub koj xav embed. Xaiv qhov peb dots uas tshwm. Hauv lub thawv kev xaiv nthuav dav, xaiv Chaw thiab sib koom.

Copy the Code or Select More Options

Image
Image

Scroll down mus rau ntu Integrate Calendar. Hauv qab Siv cov lej no los embed daim ntawv qhia hnub hli hauv nplooj ntawv web, theej tus lej embed. Qhov loj me me yog 800 los ntawm 600 pixel daim ntawv qhia hnub nrog Google tus qauv xim xim.

Xaiv Customize hloov chaw.

Image
Image

Tom qab xaiv Customize, qhia meej cov xim keeb kwm yav dhau los kom phim koj lub vev xaib, thaj tsam sijhawm, hom lus, thiab thawj hnub ntawm lub lim tiam. Teem lub calendar default rau Week, Hnub, los yog Agenda saib.

Agenda saib yog muaj txiaj ntsig rau qee yam xws li lub tsev noj mov lossis pab pawg ua haujlwm.

Koj tuaj yeem hais qhia cov ntsiab lus twg tshwm sim ntawm koj daim ntawv qhia hnub zoo li lub npe, luam tawm lub cim, lossis cov khawm navigation.

Qhov loj me yog 800 x 600 pixels. Qhov luaj li cas yog qhov zoo rau lub vev xaib loj uas tsis muaj dab tsi ntxiv rau nws; Txawm li cas los xij, yog tias koj ntxiv koj daim ntawv qhia hnub rau blog lossis nplooj ntawv web nrog lwm yam khoom, koj yuav tsum tau kho qhov loj me.

Txhua zaus koj hloov pauv, lub vev xaib yuav pom muaj nyob ua ntej. HTML saum koj daim ntawv qhia hnub hloov ib yam.

Thaum koj txaus siab rau koj cov kev hloov pauv, mus rau sab saum toj ntawm lub vijtsam, thiab hauv qab Embed code, daim ntawv (Ctrl+Clos yog Command+C) the HTML.

Paste koj HTML

Image
Image

Paste (Ctrl+V los yog Command+V) cov cai rau hauv ntu ntu ntawm HTML rau koj lub vev xaib.

Daim Calendar yog Embedded

Image
Image

Saib koj nplooj ntawv kawg los tso saib daim ntawv qhia hnub nyob. Txhua qhov kev hloov pauv koj ua rau cov xwm txheej ntawm koj daim ntawv qhia hnub hloov tshiab tau txais.

Yog tias nws tsis yog qhov loj lossis xim koj xav tau, rov qab mus rau Google Calendar thiab kho cov teeb tsa, tab sis koj yuav tsum luam thiab muab cov lej HTML dua. Hauv qhov no, koj tab tom hloov txoj kev daim ntawv qhia hnub tshwm rau ntawm koj nplooj ntawv, tsis yog cov xwm txheej.

Pom zoo: