Pular para o conteúdo principal

Adicionar Botão "+Technorati"


Eu vi este botão no Usuário Compulsivo, resolvi colocar aqui no blog e agora passo o código para vocês. Ele fica ao lado de cada marcador dos posts do seu blog. Quando clicar no botão, o leitor vai ser redirecionado a uma página do Technorati onde aparecerá uma lista com seus artigos que possuem esse mesmo marcador.


Para que a lista apareça corretamente, seu blog precisa estar cadastrado no Technorati.
Não sabe como se cadastrar? Veja este tutorial.
Antes de começar, faça um becape do seu template. Vá para seu Painel > Layout > Editar HTML > Marque a opção 'Expandir modelos de widgets'. Depois, procure por:


<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
E substitua a parte em vermelho pelo código abaixo:

<a expr:href='&quot;http://technorati.com/tag/&quot; + data:label.name + &quot;?from=&quot; + data:blog.homepageUrl' expr:title='&quot;Procurar mais sobre &quot; + data:label.name + &quot; no Technorati&quot;' target='_blank'><img src='http://i299.photobucket.com/albums/mm286/jeanrnm/tech9.png'/></a><a expr:href='data:label.url' rel='tag'><data:label.name/></a>
Visualiza para ver se está certo, depois salve.Se quiser ver um exemplo de como fica, veja meus marcadores um pouco mais para baixo.

Postagens mais visitadas deste blog

Mudar Imagem ao Passar o Mouse

A interatividade é o que muitas vezes (quando combinada com bom conteúdo) faz com que os leitores gostem e voltem a visitar o seu site. Nesse tutorial você aprende um código em JavaScript que altera a imagem quando o cursor do mouse passa sobre ela.

Cadastre-se no Technorati.

Eu começo agora uma série de tutoriais para você poder aproveitar mais algumas das mais conhecidas redes sociais, a começar pelo Technorati. Você poderá adicionar widgets em seus blogs, aprender mais sobre redes sociais e etc.