Postagem em destaque

10 motivos pelos quais eu odeio o Natal

Eu odeio festas de fim de ano, principalmente o natal. Sinceramente eu não me encaixo nesse status quo onde a hipocrisia das pessoas parec...

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

4 comentários:

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