Como colocar seu Twitter no seu site ou blog - Primeira Parte

      Olá galera sou kienzle Washington, este é o primeiro post do blog, fico feliz por estar lendo, espero que gostem e repassem pra turma, neste post vou mostrar como você coloca seus Tweets em seu site ou blog, nos próximos vamos ver como mudar a cor, tamanho outros tipos e dúvidas que tiverem, qualquer dúvida ou elogio só comentar, ok, vamos começar então:

1º Entre no seu twitter e clique no seu perfil no canto direito da página e clique em Configurações:

2º Ok, agora você vai clicar na opção Perfil:

3º Embaixo tem a opção (Você também pode colocar o Twitter no seu site clicando aqui) , pode clicar nela:

4º Estamos na parte de Recursos do Twitter, entre em Widgets:

5º Agora aparece uma definição do que vem a ser um Widget abaixo, pode clicar no opção 

Meu Website:

6º Pronto, agora temos 4 opções de Widgets do seu Twitter, nesta primeira parte vou mostrar como colocar a primeira opção, agora clique em Widget de Perfil:

7º Ótimo, você já pode ver ao lado direito o Widget do seu Twitter mostrando os seus Tweets, aqui você pode colocar outros nomes de usuários do Twitter onde está marcado em verde se quiser, mas apenas um por vez:

8º Agora embaixo existem dois botões Test settings e Finish & Grab Code, 

clique em Finish & Grab Code:

9º Então vai ser gerado o código do Widget para você colocar em seu site, agora está quase pronto, mas vamos fazer um teste para ver funcionando nosso Widget. Agora copie este código abaixo e abra o programa bloco de notas:

10º Tudo bem até aqui, agora usando o bloco de notas, isso mesmo, apesar de simples vamos criar uma página de internet para ver nosso código funcionando a partir dele, ok. Vamos colar o código no bloco de notas:

11º Agora, clique em Arquivo e logo em seguida em Salvar Como para salvar nosso arquivo:

12º Coloque o nome de Twitter.html , clique ao lado da opção Tipo: e selecione 

a opção Todos os arquivos, escolha o lugar que vai salvar e para finalizar clique em Salvar:

13º Pronto finalizamos, ok, vamos abrir nosso arquivo agora, clique duas vezes no arquivo Twitter.html:

14º No meu caso, uso o Google Chrome como navegador, mas acredito que irá funcionar em todos os navegadores, irá ser exibido assim:

Ótimo, quando você colocar em seu site, acredito que tenha alguma noção sobre HTML, você poderá copiar este código e colar na área da página do seu site, para ficar melhor pode colar o código do Twitter entre essas Tags div:    

<DIV> COLE AQUI </DIV>

Após colar, copie o código das divs e cole em seu site ou blog, ok, espero que tenha gostado, compartilhem e comentem, sempre estarei postando vários assuntos em nosso blog, obrigado por acessar  o blog, não deixem de seguir no Twitter e dúvidas e/ou elogios pode comentar, obrigado.

Atualizando...

         Olá pessoal, veja a Segunda Parte aqui: Segunda Parte. Abraços!!

         

Atualizando...

        Pessoal veja a versão 2013: Widget Twitter 2013. 

        Abraços a todos, sigam no twitter: @meusapps_