Gadget de Posts Rotativos

Encontrei no Blog Doctor um gadget muito interessante que mostra todos os posts do blog como um pequeno slide. Você pode ver uma demostração aqui neste blog de testes, na sidebar.

Eu fiz algumas modificações no estilo original e disponibilizo aqui  uma versão que se adapta a qualquer largura de coluna, seja na sidebar, seja acima dos posts.

O gadget mostra todos os posts do blog, do último publicado ao primeiro, e exibe o título do post, autor, data e um pequeno resumo do texto.

 

Ver Código

Copei todo o código do gadget escolhido, vá em Layout, Adicionar Elemento de Página e escolha HTML/JavaScipt e cole o código, fazendo as seguintes modificações:

<script src="http://www.google.com/jsapi/?key=PUT_AJAX_KEY_HERE" type="text/javascript"></script>
  <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>

<script type="text/javascript">
 function showGadget() {
 var feeds = [
 {title:'title',url:'http://MYBLOG.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'},
        ];

 new GFdynamicFeedControl(feeds, 'feedGadget',
 {numResults : 1000, stacked : true, title: "BLOG_TITLE ~ Random Posts."});
    }
 google.load("feeds", "1");
 google.setOnLoadCallback(showGadget);
 </script>
<div id="feedGadget">Loading...</div>

• Onde está AJAX_KEY_HERE deve ser colocada a chave da API de pesquisa AJAX, que você obtém clicando aqui. Concorde com os termos e condições, coloque a url do seu blog e copie o número fornecido e cole no local indicado;
• Onde está MYBLOG coloque o nome do seu blog;
• Onde está BLOG_TITLE ~ Random Posts. coloque o título que preferir para o gadget.