Widget para exibição de posts aleatórios (com excerto)

Quando o nosso blog começa a ficar com muitos posts é cada vez mais improvável que as pessoas que o visitam tenham acesso fácil a esses posts.
Este widget é uma maneira de ultrapassar, em certa medida, esse facto.
Ele vai exibindo um post antigo, de forma aleatória, a cada 5 segundos, um dos posts antigos do seu blog, permitindo assim que a atenção dos visitantes seja, eventualmente, captada para um desse posts cuja visualização seja do seu interesse.
Pode colocá-lo onde bem entender: a seguir ao header, a seguir ao espaço dos posts, no footer, na barra lateral, etc.
No meu caso experimentei colocá-lo a seguir ao header e podem ver que funcionou, conforme mostra a figura abaixo.
Apenas não o deixei ficar porque ele interfere com o outro que lá tenho (ambos provêm do google feeds), pelo que tive de optar.
No entanto, pode vê-lo em acção neste meu outro blog, logo a seguir ao cabeçalho.
Vocês escolherão o que mais lhes agradar.




O widget, como podem ver acima, possui as seguintes características:
1. Mostra o título de um post de cada vez
2. Linka para esse post
3. Mostra um excerto do post também.
4. A cada 5 segundos mostra um outro post
5. Percorre todos os posts do seu blog de uma forma cíclica
6. Começa um novo ciclo no fim da lista
7. Uma vez carregado continua a executar o ciclo mesmo quando você não está online
8. Usa tecnologia AJAX oficial
9. Funciona noutras plataformas que não o blogger (não testado)
9. Se colocarmos o ponteiro do rato sobre o título a rotação pára

Vamos então explicitar os passos a realizar para pormos em funcionamento este útil widget:

1. Faça o login no blogger.com
2. Clique na Tab "Esquema" no seu Painel
3. Clique no link "Adicionar Aplicação" situado na barra lateral na subtab "Elementos de Página" e depois clique em Html/Javascript
4. Na janela de pop-up que se abre faça scroll para baixo e depois clique em Html/Javascript
5. Na janela de conteúdos, copie para ela o código abaixo, depois de o ter modificado de acordo com as indicações que vamos dar.

  

  
Loading...
  
Gadget by The Blog Doctor.

Relativamente ao código acima faça as seguintes alterações:

    function showGadget() {
      var feeds = [
       {title:'title',
        url:'http://MEU_BLOG.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'},
       
       ];

      new GFdynamicFeedControl(feeds, 'feedGadget',
                               {numResults : 1000, stacked : true,
                               title: "BLOG_TITULO ~ Random Posts."});
    }

Altere "MEU_BLOG" para o seu subdomínio real e "TITULO_BLOG" para o título real do seu blog.
Depois cole o código, já modificado, na janela pop-up (Html) e Guarde/Grave.

Obtenha AQUI a sua chave API AJAX e coloque-a no código acima, no local onde diz 'PONHA_AQUI_A_SUA_CHAVE_AJAX'

Finalmente, clique e arraste a Aplicação que criou na barra lateral para o local que mais desejar (acima da zona dos posts, abaixo da zona dos posts, etc.).
Isto porque, como já acima dissemos, a largura e função do widget adequa-se mais a áreas mais largas do layout do seu blog e não à barra lateral. Mas também pode experimentar deixar na barra lateral e ver se gosta ou não.

Agradecimentos para blogdoctor.

Tags: widgets, web 2.0, blogger, Blogger Hacks, Blogger Tweaks, recursos blogger

                         

Mensagens relacionadas (por Tags)