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...
