O Twitter, em tempo real, no seu blog!

sábado, 5 de setembro de 2009 |

Você pode inserir no seu blog um Widget que mostra, em tempo real, tudo o que as pessoas estão comentando no Twitter sobre o assunto que você quiser!

Criei um para meu site de marketing - o www.visaodemarketing.com.br. Você pode seguir esse tutorial para inserir um no seu blog também. No caso, basta substituir as palavras "Marketing" e "Social Media" pela palavra que tiver relação com o seu blog (por exemplo: Tecnologia, culinária, games...). Abaixo, veja como será a janela que aparecerá no seu blog. Além do assunto, você também pode alterar as cores e títulos.

Para fazer um igualzinho para o seu site ou blog é fácil, basta seguir esses passos:

1) Acessar: http://twitter.com/goodies/widget_search

2) Inserir no campo "Search Query", o que você quer procurar. No meu caso, eu inseri "Marketing" OR "Social Media". Se quiser apenas marketing, basta digitar "Marketing" e apagar o resto;

3) Em "Title", escreva o título que você quer que apareça para essa janela. No meu caso, escrevi "Marketing e Social Midia". Cuide que acentos aparecerão como caracteres quebrados, portanto não aconselho escrever palavras acentuadas ou ainda ç;

4) Em "Caption" escreva o que você quer que apareça antes do "Title". No meu caso escrevi "O que falam no Twitter sobre Marketing e Social Media...". Novamente, não aconselho escrever palavras acentuadas ou ainda ç;

5) Prontinho! Agora, basta clicar no botão "Finish & Grab Code"; copiar esse código e colocar onde você quiser que ele apareça na sua página!

Dica avançada: Se quiser testar antes de inserir na sua página, é só clicar na frase "Test your settings", que aparece acima do botão. Uma dica, para trocar a cor da janela (como a minha, que troquei de azul para cinza), você precisa digitar o código da nova cor no campo "Background" (abaixo da palavra "shell") no código. No caso, para inserir a cor cinza igual a da janela que aparece aqui, o código ficaria:

shell: {
background: '#D9D9D9',

O resto continuaria igual.


Por favor, se implementar esse código na sua página, escreva aqui nos comentários, para divulgarmos o endereço de seu blog ou site ;)

0 comentários:

Postar um comentário