Subscribe:

quarta-feira, 5 de outubro de 2011

Botão do mini blog twitter no blog

Uma das maiores sensações da Internet,o Twitter possui uma funcionalidade para blogger muito interessante e que sem dúvida nenhuma vai ajudar muita gente na divulgação de suas redes e seus produtos diversos.O serviço já funciona há algum tempo,porém nunca é tarde para aprender e colocar em sua página essa importante ferramenta utilizada por praticamente todos o blogueiros e Webmasters.

a ferramenta pertence ao site Tweetmeme,permite istalar um botão nas postagens do blog,bastando para isso entrar no HTML do mesmo,além de mostrar todos os RTs,possibilita que os leitores enviem diretamente para página do Twitter todos os Posts personalizados.Concerteza esta se torna uma ótima opção para marketeiros e vendedores.

Visualize o botão no fim de nossa  postagem a esquerda do video.Possui uma bonita aparência,além é claro de toda importância que já citamos. É muito simples a instalação do botãozinho,Para tanto você precisa ir até o (Layout de sua página),depois HTML(não esqueça de marcar a caixinha (Expandir modelos de Widgets,dê um (Ctrl+F),procurar o seguinte código:
<data:post.body/>

Em seguida cole o código seguinte:
<div style='float:right;margin-right:10px'>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</script>
<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'> </script>
</div>

Se você pretende colocar o botão do lado esquerdo basta apenas substituir right por left,assim também se pretender centraliza-lo substitua floartright,margin-right:10px por text-align:center.Se desejar que o botão fique com mais ou menos distância da margem,altere o valor 10px como desejar




Se você preferir colocar o Botão entre o titulo e o post,encontre o seguinte código :
<div class='post-header-line-1'/>


Agora cole o código :
<div style='float:right;margin-right:10px'>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</script>
<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'> </script>
</div>
 Salve e confira os resultado.
Muito importante:
*Crie um blog de testes para fazer todas as investidas de mudanças no HTML,só assim você evita inconvenientes desnescessários.

Boa Sorte!

0 comentários:

Postar um comentário