Após postar mostrando como configurar e pegar o código do novo botão do Twitter, neste artigo vou tentar te ajudar a colocar esse código em um site estático HTML, ou no WordPress e/ou no Blogger, como prometido. Confira…
Olá, caro leitor, para facilitar a inserção do código deste novo botão do Twitter, vou detalhar os passos para cada caso logo abaixo. Veja qual é seu caso:
Inserindo o botão do Twitter em um site estático
- Abra o código da sua página que deseja adicionar o botão. Aqui, não sei se você utiliza um editor simples como o bloco de notas, Dreamweaver ou outro qualquer, então, seja em qual for, abra o código e caminhe até a DIV “content”, “conteudo”, ou seja também qual for o nome da sua DIV de conteudo, e cole o código do botão gerado na página do Twitter.
- Clique aqui para pegar código do novo botão Twitter;
- Clique aqui para ver tutorial de como pegar código botão Twitter.
- Depois de personalizar e gerar o código, cole-o na sua DIV conteudo. Ou no início, ou no fim do conteudo, mas tem que estar contido dentro das DIVs de conteudo. Salve a página e visualize!
Ex:
<div id=”conteudo”>
<a href=”http://twitter.com/share” class=”twitter-share-button” data-count=”horizontal”>Tweet</a><script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script> </div>
Inserindo o botão do Twitter no Blogger
- Entre no painel do Blogger com sua conta Google, clique na opção “Design”.
- Agora clique em “Editar HTML”.
- Insira o código no local indicado na figura abaixo: (Obs: meu tema é do novo Blogger) Procure por “Postagens no blog”… Lembre de “Salvar modelo”.
Inserindo o botão do Twitter no WordPress
- Entre no seu painel de controle onde está hospedado seu WordPress e abra o arquivo de postagens únicas “single.php”. Ele fica dentro da pasta “wp-content”/”themes”/nome-do-seu-tema/”single.php”.
- Após abrí-lo procure algo como “<div class=”entrytext”> e cole o código do botão aí. Salve e visualize para ver se saiu no local desejado.
- Para inserí-lo na seção de “Páginas e Homepage”, proceda igualmente, no caminho dos arquivos e cole dentro da entrada de texto do conteudo (content).
Veja a janela que se abre quando o usuário clica no novo botão do Twitter, em uma página:
Obrigado pela visita!
Alvimar Olímpio
2 Comentários recebido(s)
março 20th, 2011 @4:18
Muito bom. Obrigado pela dica. Consegui adicionar o botão facilmente;
março 20th, 2011 @10:19
Alô, Adson, obrigado pelo seu comentário amigo!
Participe comentando!