Cara membuat daftar isi sederhana dan ringan pada Blogger

Daftar isi atau yang sering disebut dalam dunia blogger dengan istilah sitemap merupakan elemen penting dalam sebuah blog, sepertihalnya sebuah buku yang harus memiliki daftar isi bagi pengunjung untuk melihat isi blog dalam bentuk judul artikel blog, sehingga memudahkan pengunjung dalam mencari informasi yang diperlukan.


Sitemap dapat dikatakan sebagai bentuk SEO, karena berisi susunan link yang memperkuat link building blog, yang secara otomatis daftar judul artikel akan bertambah apabila artikel sudah dipublikasikan, sehingga tidak perlu menulis secara manual untuk menambahkan judul artikel blog pada daftar isi.
Lihat Demo

Berikut cara membuat sitemap HTML yang bekerja otomatis hanya dengan script yang sederhana, ringan, dan responsive serta mudah digunakan bagi pemula dalam duni blogger.

Pertama, buat halaman blogger / laman blogger sebagai tempat daftar isi.

Kedua, kemudian copy kode dibawah ini kemudian paste didalam halaman / laman blogger yang sudah dibuat tadi.

<script>
var numposts = 1000;
var showpostdate = true;
</script>
<script>
function boss(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
posttitle = posttitle.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Januari";
monthnames[2] = "Februari";
monthnames[3] = "Maret";
monthnames[4] = "April";
monthnames[5] = "Mei";
monthnames[6] = "Juni";
monthnames[7] = "Juli";
monthnames[8] = "Augustus";
monthnames[9] = "September";
monthnames[10] = "Oktober";
monthnames[11] = "November";
monthnames[12] = "Desember";
}
}
document.write(posttitle);
if (showpostdate == true) document.write(' - ' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdyear);
('</li>');
}
('</ul>');
}
</script>
<script src="https://oke.my.id/atom.xml?redirect=false&amp;start-index=1&amp;max-results=1000&amp;orderby=published&amp;alt=json-in-script&amp;callback=boss"></script>

Keterangan :
var numposts = 1000; = merupakan jumlah judul artikel yang akan ditampilkan pada sitemap.

var showpostdate = true; = merupakan setelan untuk menampilkan atau menyembunyikan tanggal artikel, jika nilai true maka tanggal akan muncul dan apa bila nilai false maka tanggal postingan tidak tampil (nonaktif).