Postagem em destaque

O Brasil tem um instituto de reabilitação para viciados em internet e celular

Você é viciado em internet e celular? Saiba que você tem um problema chamado de nomofobia. E como tratar? O tratamento pode ser feito no Ins...

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:


9 comentários:

  1. Essa dica é muito quente. Vou colocar já. Valeu mesmo. ^^

    É por essas e outras (muitas outras, digasse de passagem), que andam falando de você por . ;)


    abs,
    Fabricio

    ResponderExcluir
  2. Cidão,
    não tinha dado certo
    aí troquei "&title=" por "&amp;title="e, também, adicionei </a> no final ^^


    abs, denovo,
    Fabricio

    ResponderExcluir
  3. Muito bom.
    Vou ver se dá certo.
    Obrigada pela dica.

    ResponderExcluir
  4. Cidão,
    É impressão minha ou tem um link quebrado ou referenciado errado?
    "widget com vários botões de redes sociais" esta para o googledocs..
    Flw

    ResponderExcluir
  5. Fabrício (brohg): Obrigado por lembrar de mim, estou em débito com os parceiros. Esse vai ser o quarto meme na fila!
    Não havia a necessidade do fechamento da tag, ela já está no código: />

    anny-linhaozzy: Não tem de que!

    managermachine: Está certo. O que está lá é o código da widget com todos os botões sociais.

    ResponderExcluir
  6. Cidão, taí uma coisa que ainda não me atraiu nem um pouco, este tal de twitter...

    Beijos, querido!

    ResponderExcluir
  7. Du: É algo que parece diferente, mas que você já viu em algum outro lugar. Mas é interessante.

    ResponderExcluir
  8. Alguem sabe como eu faço pra fazer com que ele fique do lado right ?

    ResponderExcluir
  9. Rodrigo: Você pode usar o comando align="right" no código: [img src="urldaimagem" align="right"]

    ResponderExcluir

Pessoal, comentem, críticas e elogios serão bem aceitos. E eu respondo, posso demorar mas respondo. Esse velho lobo do mar tarda mas não falha!!!!

Leia antes a minha Política de Comentários.

Se quiser deixar o link de uma postagem sua, utilize o código abaixo trocando o que está escrito em letra maiúscula:

<p><abbr><em><strong>SEU NOME</strong> - último post do blog... <a href="<strong>LINK-DA-POSTAGEM</strong>"><strong>TÍTULO DA POSTAGEM</strong></a></em></abbr><p>

Related Posts with Thumbnails
Google