Membuat Daftar Isi di Blogspot

Peta situs adalah salah satu fitur di mana pengunjung web dapat dengan mudah mengetahui sekilas apa isi sebuah website. Seperti pada website ini, kami membuat peta situs dengan nama daftar isi yang dapat Anda akses di sini. Tulisan ini akan mengajak Anda untuk belajar membuat daftar isi pada blogspot.


Sebenarnya blogspot menyediakan daftar isi, tetapi dalam format feed. Sebagai contoh, kita bisa memanggil melalui alamat berikut:

/feeds/posts/summary?alt=json-in-script&max-results=9999

Hasilnya akan tampil seperti ini.

Nah, untuk membuat tampilan daftar yang mudah dibaca, tentu data seperti gambar di atas harus diolah dengan kode javascript. Beruntung, banyak programmer javascript yang baik hati membuat kode untuk mengolah data tersebut. Salah satunya adalah di sini:

https://cdn.rawgit.com/zaiv/MasDzgn-html/master/Sitemap.js

Selanjutnya, cara kami membuat daftar isi adalah dengan langsung menaruh kode di atas pada mode HTML seperti gambar berikut:

Berikut kode yang kami gunakan, semoga Anda juga dapat memanfaatkannya dengan cara sederhana: copy dan paste: