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

---

@CanalQb que Youtube 

---

---

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.