aprenda como se faz:..."Gadget de Posts Rotativos"

Gadget de Posts Rotativos

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

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

fonte e créditos:
http://templatesparanovoblogger.blogspot.com/
2009/07/gadget-de-posts-rotativos.html


http://dicasetutoriais1.blogspot.com 
deixe um comentário :