Como adicionar a timeline do Twitter e Facebook em seu site

Facebook e Twitter

Muitos editores permitem que você possa adicionar em seu site uma timeline, — linha do tempo em português. Mas ainda sim existem alguns que não, como é o caso da Webnode e Google Sites.

A timeline pode chamar a atenção de quem visita seu site, principalmente quando se trata de mostrar o público que podem continuar acompanhando as novidades diretamente na rede social, seja ela o Twitter ou Facebook, como estaremos ensinando. Além de ser uma estratégia para conseguir curtidas e seguidores, também é um método para confirmar que o site é realmente seu.

Veja neste passo á passo que o Site na Teia preparou, como é bem fácil incorporar caixas de timeline em seu site. Elas também são chamadas de caixa de curtir (facebook) e caixa de seguir (Twitter). Acompanhe:

Facebook

1) Acesse esse link e role a página um pouco para baixo.

1.1) Configure o widget de acordo com a sua preferência, um exemplo segue na imagem abaixo:

Caixa curtir facebook

2) Clique em “obter código”.

Caixa curtir facebook

2.1) Abrirá uma janela com dois códigos: Copie o primeiro e cole no editor do seu site. Depois, dê um enter em seu teclado, volte na janela e copie o segundo código. Não esqueça de colar em seu site!

Caixa curtir facebook

Pronto, agora é só salvar e visualizar as alterações.

Observação: Caso o editor não venha reconhecer o seu código, tente a segunda opção que está na janela. Selecione “iframe”.

Caixa curtir facebook

Veja também

Continua depois da publicidade
 

Twitter

1) Acesse esse link e role a pagina para baixo, selecionando a opção: “Embedded Timeline”.

Widget site Twitter

1.1) Vá até o seu perfil no Twitter e copie a URL que estará no navegador. Lembre-se que deve ser algo semelhante o que está na imagem abaixo, caso contrário não irá funcionar:

Widget site Twitter

1.2) Copiado, volte no Twitter e cole a URL do seu perfil. Não esqueça de clicar em “preview”.

Widget site Twitter

Pronto, agora basta clicar em “Copy Code” para copiar o código e colar em seu site.

Widget site Twitter

Continua depois da publicidade
 

Ajustando a aparência

Diferente do Facebook, o Twitter já entrega o código sem customização. Mas se quiser alterar o tamanho, cor dos links e tudo mais, clique em “set customization options”, como mostra a imagem abaixo:

Widget site Twitter

Configure o widget de acordo com o seu gosto, logo depois dos ajustes, clique em “update”.

Widget site Twitter

Pronto, agora é só copiar e colar o novo código com as alterações!

Bom, esperamos que tenha gostado e em caso de dúvidas não esqueça de deixar um comentário. 😀


Venha para nosso canal e aprenda mais!

Inscreva-se agora mesmo e comece a personalizar o seu site por completo. Trazemos tutoriais com várias dicas além de conteúdos exclusivos.

Adicione o Site na Teia aos seus favoritos!

Pressione CRTL + D em seu teclado e pronto. É fácil e sem complicação!

Posts Relacionados