Use o Google Agenda gratuito e fácil para gerenciar e compartilhar uma agenda pública em seu site.
Primeiros passos: configurações
Para incorporar uma agenda, faça login no Google Agenda. Em seguida, vá para o lado esquerdo e clique no pequeno triângulo ao lado do calendário que deseja incorporar. Você verá uma caixa de opção se expandir. Selecione Configurações do calendário.
Copie o código ou selecione mais opções
Opcionalmente, ajuste o tamanho ou a cor do seu calendário. Role a página para baixo e você verá a área marcada Incorpore este calendário. Copie o código daqui para um calendário padrão de 800 por 600 pixels com o esquema de cores padrão do Google. Para alterar essas configurações, selecione o link marcado Personalize a cor, o tamanho e outras opções.
Personalizando a aparência
Especifique a cor de fundo padrão para corresponder ao seu site, o fuso horário, o idioma e o primeiro dia da semana. Defina o calendário para o padrão de exibições de semana ou agenda, o que pode ser útil para algo como um menu de refeitório ou cronograma de projeto de equipe. Você também pode especificar quais elementos aparecem em seu calendário – como título, ícone de impressão ou botões de navegação. O tamanho padrão é 800 por 600 pixels. Esse tamanho é adequado para uma página da Web em tamanho real sem nada mais nela. Se você estiver adicionando seu calendário a um blog ou página da Web com outros itens, será necessário ajustar o tamanho. Cada vez que você faz uma alteração, o site exibe uma visualização ao vivo. O HTML no canto superior direito deve mudar também. Caso contrário, selecione o Atualizar HTML botão. Quando estiver satisfeito com suas alterações, copie o HTML no canto superior direito.
Cole o seu HTML
Cole o código na seção relevante do HTML de sua página da web.
O calendário está incorporado
Visualize sua página final para exibir o calendário ao vivo. Quaisquer mudanças que você fizer no eventos em sua atualização de calendário automaticamente. Se não for exatamente do tamanho ou da cor que você tinha em mente, volte ao Google Agenda e ajuste as configurações, mas você terá que copiar e colar o código HTML novamente. Nesse caso, você está mudando a forma como o calendário aparece em sua página, não os eventos.