CanalQb - Blogger - Como listar todos os seus posts em ordem no seu site

---

@CanalQb que Youtube 

---

---

Blogger - Como listar todos os seus posts em ordem no seu site

---

Se você é um blogueiro no Blogger e deseja exibir todos os seus posts em ordem em seu site, este tutorial é para você. Vamos explorar um script simples que permite listar todos os seus posts em ordem 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 em ordem 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 {

         // Ao terminar de carregar todas as postagens, exibimos todas elas em ordem

         var elmt = document.getElementById("postList12");

         for (var k = 0; k < posts.length; k++) {

            var liElement = document.createElement("li");

            var anchorElement = document.createElement("a");

            anchorElement.href = posts[k].url;

            anchorElement.textContent = posts[k].title;

            liElement.appendChild(anchorElement);

            elmt.appendChild(liElement);

         }

      }

   }

}

sendQuery12();

</script>

Exemplo prático do script:

Passo 2: Implementando o script

Depois de adicionar o script ao seu site, ele começará a listar todos os seus posts em ordem. 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, seus visitantes poderão navegar facilmente por todos os seus posts em ordem cronológica, proporcionando uma experiência de leitura contínua e organizada.

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

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.