Pages

quarta-feira, 29 de fevereiro de 2012

Como colocar Widget (ou Gadget) do Twitter no Blog ou Site

Você já deve ter observado que vários sites e blogs possuem um elemento, uma pequena caixinha que mostra as atualizações no twitter. Pois bem, esse elemento não passa de um código HTML que é colocado na página para dar vida a esse recurso. Neste post, mostrarei como adicioná-la. Essa funcionalidade é disponibilizada pelo próprio Twitter. Trouxe o link aqui pra facilitar a sua vida quando pretender implantar: você acessa: https://twitter.com/about/resources/widgets. Nessa página inicial, o site perguntará onde você pretende colocar, clique em "Meu Website" e logo após em "Widget de Perfil" (que é o que mostra os últimos Tweets do usuário).
Adicionando o Widget do Twitter.
Após isso, no próximo passo, você poderá fazer várias formatações na sua caixinha. Para começar, digite no campo o nome do usuário que deseja exibir os Tweets na caixinha.
Selecionando o nome do usuário
Depois você poderá mudar em "preferências" na sua caixinha, mudar o número de tweets, colocar barra de rolagem e etc.
alterando as preferências
Depois você também poderá mudar a aparência da caixinha, ou seja, mudar a cor da caixinha, a cor dos textos, as cores dos links, o plano de fundo do twitter para combinar melhor com o site ou o blog em que você irá inserí-lo.
mudando a aparência
Por último, você poderá mudar as dimensões da caixinha, você a colocará do tamanho que melhor se ajustar à aparência do seu site ou do seu blog.
alterando as dimensões da caixinha
Pronto, você já terminou toda a formatação da sua caixinha, para você colocá-la em seu site ou blog, agora só falta gerar o código HTML, você poderá fazê-lo clicando, lá em baixo, em "Concluir & Obter Código".
Gerado o código, você já pode inseri-lo na sua página da internet ou em seu blog para que os que forem acessar possam ver os seus últimos tweets sem precisar acessar o site do Twitter ou alguma API. Assim finalizamos mais um tutorial. Post em 29 de Fevereiro agora só daqui a 4 anos.