Tweet Divulgar Seu Blog (Site) no Twitter – Mais uma Ótima Opção!

Divulgue seu blog (site), oferecendo aos leitores a possibilidade de enviar e comentar seu conteúdo através do Twitter. O leitor ao clicar no ícone, ativa uma janela (box) onde pode  escrever e enviar suas considerações sobre o post ou seu blog/site, direto para o Twitter.
Li a matéria no WWWHAT’SNEW,  fiz  pequenas modificações, testei e aprovei.
“Os responsáveis pelo pongsocket publicaram um widget que, depois de instalado no seu site, permitirá aos leitores escrever um comentário na sua conta do twitter desde sua web.” (wwwhat’snew)
Veja DEMO em funcionamento!

No próprio site você encontra informações detalhadas para inserir e customizar a widget em um site, Blogger, Wordpress ou outro…

Neste tutorial, explico como coloquei no meu blog de testes Blogger.

Faça login no Blogger ► clique em layout ►Editar HTML
Em seu HTML, procure pela tag <b:skin> (fica no começo do documento)

Cole o código do script ANTES/ACIMA da tag <b:skin>


Script

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://tweet-it.s3.amazonaws.com/tweet-it.js' type='text/javascript'/>
<script type='text/javascript'>
    $(document).ready(function(){
        $(&quot;.tweet-this a&quot;).tweetIt({ hostedBlog: true });
    })
</script>

SALVE O TEMPLATE
Agora marque a janela ►  

Procure pela tag <div class='post-header'>      ( use as teclas Ctrl+F)

Cole o código  HTML  DEPOIS / ABAIXO  da tag <div class='post-header'>

<div class='tweet-this'><a href='javascript://'><img alt='icon' border='0' src='http://i9.photobucket.com/albums/a65/mamanunes/icones/twitter.png'/> <i> Gostou? Tweet!</i></a></div>
    </div>

Repare:
A parte grifada em vermelho, é o endereço do ícone que eu utilizei para esse exemplo. Pode ser trocado por qualquer outro de sua preferencia. Pesquise ícones AQUI.
O trecho grifado em verde é o texto. Escreva o que achar mais apropriado.

Até já já!! Um beijão da Mama ♥