Membuat daftar isi dari beberapa label

Hai sobat, bertemu lagi ni dengan saya, ... kali ini saya akan memberikan tips untuk membuat daftar isi dari beberapa label di blog kita. Membuat daftar isi ini menurutku sangat penting karena pembaca dapat dengan mudah menemukan referensi yang mereka inginkan. Selain kita juga dapat menyatukan beberapa label yang berkategori sama dalam satu daftar isi. Pada blog ini saya contohkan pada bank soal SD yang  di dalamnya terdapat beberapa label soal. Ada kelas 1, kelas 4 dan lain-lain. Oke untuk yang berminat ikuti langkah berikut!

1.       Masuk ke dasbor blogger

2.       Pilih tata letak

3.       Klik tambah gadget di tempat yang diinginkan (sebagai contoh di blog ini terletak di sebelah kanan)

4.       Kemudian pilih tambah html/java script

5.       Langkah terakhir masukan kode berikut !

 

<script>

var numposts = 100;

var standardstyling = true;

</script>

<script src="http://kucopas-js.googlecode.com/files/DaftarIsiByLabel.js" type="text/javascript"></script>

<div style="border: 1px solid #CCC; height: 200px; overflow: auto; padding: 5px; width: auto;font-size:12px">

<h3>

KELAS 1</h3>

<ul>

<script src="http://hudamaulana.blogspot.com/feeds/posts/default/-/soal%201?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>

</ul>

<h3>

KELAS 4</h3>

<ol><script src="http://hudamaulana.blogspot.com/feeds/posts/default/-/soal%204?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script> </ol>

<h3>

KELAS 5</h3>

<ul><script src="http://hudamaulana.blogspot.com/feeds/posts/default/-/soal%205?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script> </ul>

<h3>

KELAS 6</h3>

<ul><script src="http://hudamaulana.blogspot.com/feeds/posts/default/-/soal%206?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script> </ul>

</div>

 

Keterangan !

1.       Ganti kode yang berwarna merah dengan judul label yang ingin dimasukkan (namanya tidak perlu sama persis dengan label yang ada pada blog)

2.       Ganti warna biru dengan alamat blog agan-agan sekalian

3.       Ganti warna hijau dengan nama label (catatan %20 adalah pengganti spasi, jadi kalo labelnya kelas 1 maka menjadi kelas%201)

 

Selamat mencoba semoga berhasil .........