Como adicionar um calendário para HTML em uma página da web

Se você gerencia um site que é constantemente atualizado com novas informações, especialmente se é um site que mostra os próximos eventos, adicione um calendário para a conveniência de seus visitantes. O calendário deve ser simples de ler e fácil de atualizar regularmente. Você pode adicionar um calendário útil e atraente ao seu site em apenas alguns minutos, usando o Google Agenda gratuitamente.

Crie uma conta do Google Agenda em www.google.com/calendar. Você também pode usar uma conta do Google que já existe, basta acessar www.google.com, clicar em “Configurações” e depois em “Configurações da conta do Google”. Escolha “Calendário” na seção “Meus produtos”.

Clique na opção para criar um novo calendário para o seu site (localizado no lado esquerdo da tela).

Selecione um nome para o calendário e escreva uma breve descrição do seu conteúdo. Por exemplo, se você for ministrar uma aula de cerâmica, o nome do calendário poderá ser “Programa de Cerâmica” e você poderá escrever como descrição: “As informações mais atualizadas sobre as futuras aulas de cerâmica do grupo da Sra. William” .

Escolha o local e o fuso horário correspondentes ao calendário e clique em “Criar calendário”.

Escreva as próximas datas e horários no novo calendário. Tente ser o mais específico possível em cada descrição, como o nome do evento, data, hora, local e quaisquer requisitos no código de vestimenta.

Encontre o nome do novo calendário no menu “Minhas agendas”, localizado à esquerda. Clique na seta apontando para baixo e selecione “Configurações do calendário”.

Vá para a seção “Inserir este calendário”. Clique em “Personalizar” para alterar sua cor ou tamanho quando ele for exibido no seu site (opcional). Copie o conteúdo da caixa de texto “Inserir”.

Abra o seu arquivo HTML para editá-lo. Coloque o cursor na parte da página da web em que deseja que o calendário apareça. Verifique se ele está dentro das tags “body”. Cole o código para inseri-lo.

Faça o upload do arquivo HTML atualizado para o servidor da web e abra a página do site em um navegador da Internet para visualizar o calendário.

Referências

 

Você pode estar interessado:

Deixe um comentário