Novidades no mundo Blogger: Você sabe o que é Flipcard? Tenha um em seu Blog. Veja como !

Para os blogueiros que usam a plataforma blogger, uma novidade que surgiu recentemente é o flipcard. Trata-se de uma página que resume todas as postagens usando miniaturas das imagens (ou textos). É muito interessante e útil para o leitor que quer ter um panorama geral do conteúdo do blog.

Em nosso site, nós inserimos esse recurso em uma gadget HTML/javaScript, disponível na ABA Design do administrador do Blog

O passo a passo é:

1- Ir na página do administrador, se logar, e entrar na aba DESIGN. Em seguida, clique em adicionar gadget no local que você desejar. Em nosso site, nós adicionamos na parte lateral do template, conforme mostrado na figura.

2- Adicionado o gadget, escolha na janela popup do blogger a opção “inserir HTML/JavaScript.

3- A seguir, insira o script que vai endereçar ao flipcard de seu site blogger. Nós usamos o script abaixo. Basta colocar a URL do seu blog/view/flipcard e a URL da imagem desejada, de um álbum como o PICASA. Eu preferi usar esse script pois ele permite costumizar o tamanho da imagem à largura e altura desejadas do gadget do seu template.

<center>

<object width="largura desejada  da imagem que vai compor o gadget flipcardem pixels, exemplo: 250" height="altura desejada que vai compor a imagem da gadget flipcard em pixels, exemplo :300">

<a href="URL do seu blog plataforma Blogger/view/flipcard"target="_blank"><img src="URL da imagem do gadget flipcard, extraída, por exemplo, de um álbum PICASA.jpg"/></a>

</object></center>. 

Se desejar, ao invés de usar no script a terminação URL/flipcard em <a href, você pode visualizar o gadget nos formatos: URL/mosaic, URL/sidebar, URL/snapshot e URL/timeslide. É só escolher o formato que melhor lhe agradar.

4. Agora, é salvar o gadget e curtir a novidade, clicando o mouse sobre a figura do novo gadget que surgir na sua página do Blog.

Outra possibilidade é usar a opção de inserção de imagem da janela pop up do design do blogger, para fazer o gadget do flipcard. Neste caso, basta endereçar a imagem  (URL da web ou do seu computador ) e associar o link: URL do seu blog blogger/view/flicard. Eu testei essa opção, mas preferi a primeira que descrevemos (inserção do script).

Curtam bastante.

Editado em 27/04/2011, 13:10h

Para os usuários que tem navegadores de versões mais antigas, o efeito flipcard pode não funcionar. Veja a mensagem contida no link do Google

“These views require modern browsers such as Internet Explorer 8+, Firefox 3.5+, Chrome or Safari. Many elements of these views will not work should you have an older browser.”

Versão:

Essas “visualizações” requerem navegadores modernos, como o Internet Explorer 8 +, Firefox 3.5 +, Chrome ou Safari. Muitos elementos dessas “visualizações” não funcionarão se você tiver um navegador mais antigo.