Daftar isi memang sangat diperlukan untuk sebuah blog agar para pengunjung dapat dengan mudah melakukan penelusuran blog kita. Blogger sendiri belum menyediakan widget untuk daftar isi selain widget Labels dan Archieves.
Namun kita dapat menggunakan widget Labels sebagai bantuan untuk membuat daftar isi kita sendiri berdasarkan label atau kategori tersebut "daftar ini isi hanya satu label saja" lihat pada blog harjo ini di sidebar kanan dengan label Rpp Silabus dan Tutorial Blos. Dengan memakai javascript, kita dapat melakukan hal ini.
Langkah langkah yang harus dilakukan adalah:
- Login ke Dashboard Blogger Anda
- Klik pada Layout dari blog yang ingin Anda buat daftar isinya.
- Tambahkan gadget baru yaitu Html/Javascript
- Beri judul Daftar Isi Anda sesuai dengan Label yang telah dibuat
- Pada kolom Content/Isi, tuliskan kode dibawah ini:
<script style="text/javascript">
function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
// get entry i from feed
var entry = json.feed.entry[i];
// get the posttitle
var posttitle = entry.title.$t;
// get the post url
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;
break;
}
}
document.write('<li><a href="'+ posturl + '">'+ posttitle + '</a>'+ '<br>');
}
}
</script><br />
<p>Tutorial Blogs</p><ul><script style="text/javascript">
var numposts=100;
var numchars=100;
</script>
<script src="http://suharjo21.blogspot.com/feeds/posts/default/-/Tutorial Blogs?alt=json-in-script&callback=showrecentposts"></script>
</ul>
- Pada kode baris paling bawah, ganti http://suharjo21.blogspot.com dengan nama blog anda seperti dan ganti
- Tutorial Blogs dengan Label posting Anda yang akan dibuat daftar isinya.Jika postingan anda dalam satu label lebih dari seratus, maka anda tinggal menaikan setting pada variable numposts.Klik Save pada jendela Configure Html/Javascript.
- Klik Save pada Layout anda dan coba Anda buka blog anda maka daftar isi anda akan terlihat.
