terça-feira, 28 de setembro de 2010

Como expandir o Hovercard do Twitter Anywhere

ATUALIZAÇÃO (23/03/2013: O Twitter fechou a plataforma Anywhere em 05/03/2013, pois lançou novos recursos de integração com os sites. Além disso, com a mudança das URLs no Blogger, essa funcionalidade teria que ser refeita e há muito tempo eu tinha deixado de usá-la. Infelizmente, esse recurso foi bom enquanto durou!

Neste post, eu ensinei como criar um APP do Twitter @Anywhere para inserir no Blogger, especialmente no que diz respeito à auto-linkagem dos endereços do Twitter. Ao passar o mouse em cima de um nick do Twitter, aparece um card simples com o nome da pessoa, um botão para seguir (na imagem abaixo aparece You Follow, porque eu a sigo.) e alguns botões de configurações, conforme exemplo abaixo:


Clicando em More, você obtém um card expandido, com mais novas informações, entre elas, a biografia da pessoa, quantos ela segue e quanto as segue e o número de tweets:


Você pode colocar um simples código que já mostre este card expandido sem precisar ter que clicar em more. Entre no Editar HTML do painel de controle do seu blog e localize o código javascript do hovercard:

<script type="text/javascript">
twttr.anywhere(function(twitter) {
 twitter.hovercards();
});
</script>

Basta inserir entre os parênteses ( ) o comando { expanded: true }, ficando o código assim:

<script type="text/javascript">
twttr.anywhere(function(twitter) {
 twitter.hovercards({ expanded: true });
});
</script>

Et voilà! Agora você tem um hovercard completo e expandido em seu blog!!!

Espero que a @joangel1 não venha me cobrar o seu direito de imagem... Photobucket

Artigos recentes

Linkem me:

Related Posts with Thumbnails
Google