Berikut Tutorial Membuat Daftar Isi Blogger

Untuk tutorialnya saya bikin jadi dua biar lebih jelas, pertama untuk halaman / page dan kedua untuk widget / gadget.

Yang pertama kita membuat sebuah halaman yang berisi daftar isi, berikut tutorialnya :

Login ke blogger.Klik Laman > Laman Baru > Laman Kosong.Beri judul Daftar Isi atau Sitemap atau apalah terserah Anda.Kemudian klik pada tab Edit HTML.
Lalu letakkan kode berikut pada area artikel.

<div style="overflow:auto;width:480px;height:450px;padding:10px;border:1px solid #eee">
<script src="https://html-scripts.googlecode.com/files/feeds.js"></script>
<script src="http://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
</div>

Keterangan :
Ganti Alamatwadahtutorial.blogspot.com dengan url / alamat blog Sobat

width:480px :

Lebar area, ganti dengan ukuran yang sobat inginkan.

height:450px : Tinggi area, ganti sesuai keinginan sobat.

Untuk tidak menggunakan text area atau scroll hapus tulisan yang saya beri latar kuning.

https://html-scripts.googlecode.com/files/feeds.js :

ganti dengan alamat daftar isi yang anda inginkan.

Berikut beberapa kodenya :
Berdasarkan Label : 
https://html-scripts.googlecode.com/files/feeds-labels.js

Berdasarkan Tanggal : 
https://html-scripts.googlecode.com/files/feed-dates.js

Berdasarkan Artikel terbaru : 
https://html-scripts.googlecode.com/files/feeds.js

Klik tombol Preview / Pratinjau untuk melihat hasilnya, jika sudah benar klikPublish Page / Tayangkan Laman. Lalu buka Blog Sobat dan lihat hasilnya…

Yang kedua buat widget daftar isi:

Pada dashboard blogger, klik Tata Letak.
Klik Tambah Gadget.
Pilih HTML/Javascript.
Silakan beri judul pada widget. Lalu letakkan kode berikut :

<div style="overflow:auto;height:250px;padding:10px;border:1px solid #eee">
<script src="https://html-scripts.googlecode.com/files/feeds.js"></script>
<script src="http://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
</div>

Ganti Alamatwadahtutorial.blogspot.com dengan url / alamat blog Sobat.

Ganti https://html-scripts.googlecode.com/files/feeds.js

dengan kode daftar isi dibawah ini :
Berdasarkan Label : 
https://html-scripts.googlecode.com/files/feeds-labels.js

Berdasarkan Tanggal : 
https://html-scripts.googlecode.com/files/feed-dates.js

Berdasarkan Artikel terbaru : 
https://html-scripts.googlecode.com/files/feeds.js

Klik tombol SAVE. Lalu lihat hasilnya di Blog Sobat.

Selamat mencoba dan semoga berhasil Membuat Daftar Isi Blogger

Baca Artikel Terkait: