Reduzir url e mandar para o Twitter

Vamos mostrar como reduzir a url das postagens do seu blog antes de enviar para o Twitter, assim quando seus visitantes quiserem mandar alguma de suas postagens ficará mais fácil, pois sobrarão mais caracteres para que escrevam seus comentários. É com um código que vamos reduzir o endereço da pagina e enviar juntamente com esse endereço reduzido o titulo de sua postagem para o Twitter.


O primeiro passo é entrar na pagina editar html, clique para expandir o modelo e procure por <data:post.body/> então coloque o código logo depois dele. Caso não encontre procure por post-header-line-1 e também coloque o código logo após.

<span style='float: left;padding:3px'><script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>
<a expr:onclick='"return TweetAndTrack.open(this, \"" + data:post.url + "\");"' href='#'>
<span style='display:none;'> <data:post.title/></span>Tweet this!</a></span>

Mostramos essas duas opções porque isso pode variar um pouco dependendo do modelo do seu blog, mas na maioria deles encontrará os dois bem próximos um do outro, então é só fazer um teste e veja qual deles é mais fácil no seu modelo.

Agora podemos alterar facilmente o texto que é exibido no blog apenas mudando onde está Tweet this! Para qualquer outra coisa que deseje escrever ou ainda poderíamos colocar uma imagem substituindo esse mesmo texto pelo código de uma imagem, assim:

<img src="endereço da imagem" border="0" />

Naturalmente você deve trocar o endereço da imagem por uma que goste mais ou combine melhor com o seu blog, se quiser usar a imagem que está no inicio desta postagem pode salva-la no seu computador e depois hospedar no Imageshack. Fazemos essa sugestão porque se colocássemos o código pronto, muitas pessoas usariam a mesma imagem e por se tratar de uma hospedagem grátis ela poderia ser removida.
Related Posts with Thumbnails

Link desta Pagina

Compartilhe essa Página

12 comentários:

  1. cara sera que vc poderia me ajudar a criar um banner para disponibilizar para troca como os seus

    ResponderExcluir
  2. psp game wold

    aqui tem uns programas gratis para editar imagens, você pode usar para criar seu banner

    http://www.dicasparablogs.com.br/2008/08/programas-gratuitos-para-edicao-de.html

    ResponderExcluir
  3. ”Se chovesse felicidade, eu desejar-lhe-ia uma tempestade.”
    Votos de Boas Festas e um ano de 2010 recheado de saúde e paz. São os votos da Escolinha dos Lápis
    escolinhadoslapis.blogspot.com/lousascoisas.blogspot.com

    ResponderExcluir
  4. ei cara add meu banner la no meu blog ja tem seu banner

    bombapatch09.blogspot.com

    ResponderExcluir
  5. ('Bomba Patch') Wesley Karvalho

    veja aqui sobre como funcionam as parceiras neste blog
    http://www.dicasparablogs.com.br/2009/07/parcerias.html

    ResponderExcluir
  6. Para você,
    Desejo o sonho realizado.
    O amor esperado.
    A esperança renovada.
    Para você,
    Desejo todas as cores desta vida.
    Todas as alegrias que puder sorrir.
    Todas as músicas que puder emocionar.

    Para você neste novo ano,
    Desejo que os amigos sejam mais cúmplices,
    Que sua família esteja mais unida,
    Que sua vida seja mais bem vivida.
    Gostaria de lhe desejar tantas coisas...
    Mas nada seria suficiente...

    Então, desejo apenas que você tenha muitos desejos.
    Desejos grandes...
    e que eles possam te mover a cada minuto,
    ao rumo da sua FELICIDADE!!!

    Abraços com todo meu carinho
    FELIZ 2010

    ResponderExcluir
  7. Fabiano vc poderia me ajudar?! Segui todos os seus passos na postagem de configurar um dominio proprio no blogspot mais parece que nao deu certo o dominio endereça minha pagina para uma que nao existe ou algo assim, sera que tem algo haver por ser .com

    abraço!

    ResponderExcluir
  8. veja aqui sobre configurar dominio
    http://www.dicasparablogs.com.br/2009/08/como-configurar-blog-no-uolhost.html

    ResponderExcluir
  9. Eu utilizo o TwitterFeed pois ele já envia Automaticamente as postagens falei sobre isso no meu blog, http://parabloggar.blogspot.com/2010/01/twitter-feed-publique-automaticamente.html, acho que seria um bom complemento para seu Blog

    ResponderExcluir
  10. Uhull... \o/
    Tudo certo aki brother
    Esse blog é tudoo
    Jah Bless... \o/

    ResponderExcluir
  11. Fabiano não estou conseguindo colocar o código. Coloquei no lugar certo ele aparece, mas quando eu clico para testar o envio ao twitter o link não funciona. O que pode estar acontecendo?

    ResponderExcluir
  12. esse código é cheio de detalhes, qualquer coisa faltando ou sobrando pode dar erro

    veja como colocar botão retweet no blog

    ResponderExcluir