quarta-feira, 15 de abril de 2009

Como colocar o link Twit This no template sem scripts

O Twitter tornou-se uma febre na internet, e principalmente qualquer blogueiro que se preze faz uso dessa ferramenta que está se tornando obrigatório nesses últimos dias. Para alguns, uma mistura de MSN com Orkut, para outros, uma poderosa ferramenta de mídias sociais voltada ao marketing. Não vou aqui explicar com mais detalhes o Twitter porque muitos outros blogueiros já o fizeram, e muito bem.


O Twitter é também uma rede social, e como tal, excelente para promover blogs e sites. É imprescindível ter um link de algum artigo ou post apontando para o Twitter, e na blogosfera já temos alguns exemplos de como adicionar um botão ao template. Doravante faço dois destaques:

a) Nesse artigo do Blogger Buster , há um código que gera automaticamente um link do post direto para o Twitter.com, muito prático.

b) Neste artigo do Cranial Soup, o autor ensina como colocar um botão Twit This no template dos blogs hospedados pelo Blogger.

E é nesse segundo, que quero colocar em foco. O Twit This é uma ferramenta online que envia o post de um blog, desde que você entre com o seu nickname e senha do Twitter. As duas opções acima não me agradaram muito, porque há scripts no código, e ultimamente estou com um pé atrás em colocá-los em muita quantidade no template.

Por isso, eu resolvi colocar manualmente, usando HTML, o Twit This da seguinte maneira(antes de tudo, sempre fazendo o back up do template, isso é necessário!):

a) Entrando em Lay-out >> Editar HTML >> e Marcando Expandir modelos de widgets, localizei a seguinte linha do código (usando control+F):
<p class='post-footer-line post-footer-line-3'>
Abaixo dessa linha, eu já tinha criado um widget com vários botões de redes sociais, e acrescentei o Twit This dessa maneira:
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url
+ "&title=" + data:post.title' target='_blank'><img
alt='Twit This!' border='0' height='16' src='URL-DA-IMAGEM'
title='Twit This!' width='16'/>
Et voilà! Funciona sem precisar de scripts ou qualquer outro penduricalho. Muito mais simples, acredito eu. A imagem que uso é essa:
Caso você queira outra, redimensione ela para o tamanho 16x16.


Outro detalhe, a maioria dos botões que estão no widget foram criados de maneira semelhante, com o link do agregador e a imagem redimensionada, graças à esse post do Gregori Pavan. Os estilos foram criados a partir das dicas de outros blogs, dentre os quais eu destaco o Usuário Compulsivo , Templates Novo Blogger e o Dicas Blogger, referências no meio blogosférico tupiniquim, em se tratando da plataforma Blogger.

Se você ainda não sabe o que é o Twitter, recomendo a leitura desses seguintes artigos:


Artigos recentes

Linkem me:

Related Posts with Thumbnails
Google