Cara membuat Sitemap berdasarkan abjad di blog

Haq Dev    1/31/2018    SEO    Comment   

Ketika pengunjung  blog kita ingin mengetahui ada apa saja di blog kita tersebut untuk itu kita harus menggunakan sitemap. Sitemap/Daftar Isi adalah sekumpulan judul-judul dari semua artikel yang ada di dalam sebuah blog dimana dengan mudah kita bisa menemukan artikel yang akan kita cari hanya dengan melihat judul-judul dari artikel tersebut tanpa harus melihatnya satu per satu di homepage. 

Daftar isi ini akan mengumpulkan semua judul artikel berdasarkan abjad pada blog. Susunan artikel yang berurutan juga memudahkan pengunjung untuk menemukan artikel yang dicarinya susunan berurutan berdasarkan abjad dimulai dari abjad A - Z. Selain itu pada artikel terbaru akan diberi tanggal seperti contoh dibawah ini.

seperti contoh di atas terdapat judul artikel dan juga tanggalnya baik yang lama maupun yang baru secara otomatis akan tercantum pada daftar isi tersebut tanpa harus memasukanya satu - persatu. Daftar isi dibuat pada halaman, dan linknya bisa disisipkan pada menu header. Jadi, ketika ada pengunjung yang klik menu header seperti "sitemap" langkah-langkah dibawah ini untuk mencobanya.

Berikut cara membuatnya:

1. Login kedalam blogger kalian seperti biasanya
2. kemudian klik halaman terus buat halaman baru
3. setelah itu copy script berikut kedalam mode html bukan mode compose

Script ini masukan dan ganti url saya dengan url blog kalian:

<div>
<ul id="postList12"></ul>
<script type="text/javascript">

/*sitemap alphabetis by haq*/
var startIndex = 1;
var maxResults = 150;
var allResults = [];
function sendQuery12()
{
   var scpt = document.createElement("script");
   scpt.src = "https://infommda.blogspot.com/feeds/posts/summary?alt=json&callback=processPostList12&start-index=" + startIndex + "&max-results=" + maxResults;
   document.body.appendChild(scpt);
}

function printArrayResults(root)
{
   //Sort Alphebetically
   allResults.sort(function(a, b){
        var a_string = a.children[0].textContent ;
        var b_string = b.children[0].textContent ;

 if(a_string < b_string) return -1;
 if(a_string > b_string) return 1;
 return 0;
   })

   var elmt = document.getElementById("postList12");
    for (index = 0; index < allResults.length; index++) {
         elmt.appendChild(allResults[index]);
    }
}

function processPostList12(root)
{  
  var elmt = document.getElementById("postList12");
   if (!elmt)
      return;

   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;
         var date = entry.published.$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)
               {
                  var liE = document.createElement("li");
                  var a1E = document.createElement("a");
                  a1E.href = url;
                  a1E.textContent = title + " (" + date.substr(0,10) + ")";
                  liE.appendChild(a1E);
                  //elmt.appendChild(liE);
                  allResults.push(liE);
               }
               break;
            }
         }
      }
      if (feed.entry.length >= maxResults)
      {
         startIndex += maxResults;
         sendQuery12();
      } else {
         printArrayResults();
      }
   }
}
sendQuery12();
</div>
</script></div>

Seperti contoh di bawah.

setelah itu tinggal klik publish.

selesai.