Powered By Blogger

sábado, 7 de janeiro de 2012

COMO ADICIONAR O BOTÃO DE SEGUIR DO TWITTER EM UM BLOG DO BLOGGER

Boa noite galera !

Vou escrever meu 1º artigo sobre o Twitter aqui no blog e quero começar ajudando quem está precisando de uma "forcinha" para adicionar o botão SEGUIR DO TWITTER em um blog do Blogger.

Este botão tem a aparência semelhante a do TWEET BUTTON, e como este será uma maneira mais rápida de você adquirir "seguidores".

Instalando o botão de seguir do Twitter


1. Faça login no Blogger, clique no nome do seu blog para acessar o painel de controle do mesmo, depois clique no menu Modelo, role a página até o final e clique na opção Fazer backup / Restaurar modelo. Faça uma cópia de segurança do seu template clicando no botão Fazer download do modelo completo.

2. Clique na opção Editar HTML do modelo.

3. Pressione Ctrl+F para abrir a janela Localizar do navegador, e procure o código abaixo.

</head>

4. Imediatamente na frente deste código, adicione este outro.

<!-- Script do botão Seguir do Twitter -->
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<!-- Fim do script do botão Seguir do Twitter -->


5. Clique no botão Visualizar e, se estiver tudo certo, clique no botão Salvar modelo.

6. Agora vá no menu Layout e em seguida clique em: Adicionar um Gadget > HTML/JavaScript.

IMAGEM 3
Gadget HTML/JavaScript | Imagem por: NEXT CLICK


7. No campo de conteúdo do gadget, adicione o código mostrado abaixo.

<a href="http://twitter.com/seu-nome-de-usuário-do-twitter" class="twitter-follow-button" data-lang="pt">Siga @seu-nome-de-usuário-do-twitter</a>

Substitua a parte destacada em vermelho pelo seu nome de usuário do Twitter. Para finalizar, clique no botão Salvar.

Pronto, só de seguir esses passos o botão já aparecerá na sidebar do blog. Você pode adicionar botões para outros perfis do Twitter que você possua, para isso basta repetir o código do passo 7 e informar o nome de usuário para o qual você deseja criar o botão, como no exemplo abaixo.

<a href="http://twitter.com/seu-nome-de-usuário-do-twitter-1" class="twitter-follow-button" data-lang="pt">Siga @seu-nome-de-usuário-do-twitter-1</a>

<a href="http://twitter.com/seu-nome-de-usuário-do-twitter-2" class="twitter-follow-button" data-lang="pt">Siga @seu-nome-de-usuário-do-twitter-2</a>


ATÉ A PRÓXIMA GALERA !

Nenhum comentário: