@CanalQb

CanalQb - Blogger - Como listar todos os seus posts aleatoriamente com AJAX




Se você é um blogueiro no Blogger e está procurando uma maneira de exibir seus posts de forma aleatória em seu site, este tutorial é para você. Vamos explorar um script simples que permite listar todos os seus posts de forma aleatória usando AJAX.

Passo 1: Adicionando o script ao seu site
Para começar, você precisa adicionar o seguinte código JavaScript ao seu site do Blogger. Este script irá recuperar todos os seus posts e exibi-los aleatoriamente em seu site.

<ul id="postList12"></ul>

<script type="text/javascript">

var startIndex = 1;
var maxResults = 100;
var posts = [];

function sendQuery12() {
   var scpt = document.createElement("script");
   scpt.src = "/feeds/posts/summary?alt=json&callback=processPostList12&start-index=" + startIndex + "&max-results=" + maxResults;

   document.body.appendChild(scpt);
}

function processPostList12(root) {
   var feed = root.feed;

   if (feed.entry.length > 0) {
      for (var i = 0; i < feed.entry.length; i++) {
         var entry = feed.entry[i];

         var title = entry.title.$t;

         for (var j = 0; j < entry.link.length; j++) {
            if (entry.link[j].rel == "alternate") {
               var url = entry.link[j].href;

               if (url && url.length > 0 && title && title.length > 0) {
                  posts.push({title: title, url: url});
               }

               break;
            }
         }
      }

      if (feed.entry.length >= maxResults) {
         startIndex += maxResults;
         sendQuery12();
      } else {
         // Quando terminar de carregar todas as postagens, escolhemos aleatoriamente uma
         var randomIndex = Math.floor(Math.random() * posts.length);
         var randomPost = posts[randomIndex];
         var elmt = document.getElementById("postList12");
         var liElement = document.createElement("li");
         var anchorElement = document.createElement("a");
         anchorElement.href = randomPost.url;
         anchorElement.textContent = randomPost.title;
         liElement.appendChild(anchorElement);
         elmt.appendChild(liElement);
      }
   }
}

sendQuery12();

</script>

Passo 2: Implementando o script

Depois de adicionar o script ao seu site, ele começará a listar seus posts de forma aleatória. Certifique-se de personalizar o código conforme necessário para atender às suas necessidades específicas de design e estilo.


Com este simples script, você pode adicionar uma nova dinâmica ao seu site do Blogger, permitindo que os visitantes descubram conteúdo de uma maneira diferente e interessante.


Experimente e veja como seus leitores respondem a essa nova maneira de explorar seu conteúdo!


Exemplo pratico do script:



Espero que este tutorial seja útil para você. Se você tiver alguma dúvida ou precisar de ajuda adicional, não hesite em perguntar nos comentários abaixo. 




CanalQb