Sebelumya penulis pernah membuat Tutorial Membuat Daftar isi Otomatis, Untk kali ini berbeda dengan sebelumnya yaitu sedikit penambahan bertujuan agar daftar isi terlihat lebih rapih.
membuat daftar isi artikel blog selain berfungsi untuk memudahkan pengunjung melihat seluruh artikel dapat juga membantu semua isi blog terindeks ke dalam search engine. Berikut ini tutorialnya:
1. Masuk ke Blogger –> Pages –> New Page –> Blank Page.
2. Masukan judul, kemudian pilih opsi HTML bukan Compose.
3. Tuliskan kode berikut ini:
<script src=”http://daftar-isi-kategori.googlecode.com/files/inwepo-label.js”></script><script src=”http://tutorial.inwepo.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc”></script>
Ganti link yang berwarna merah dengan alamat kamu, kemudian publish.
Bila ingin menambahkan fungsi scroll dikarenakan postingan terlalu banyak tinggal menambahkan kode berwarna biru berikut ini:
<div style=”background-color: none; border: 1px solid #000000; height: 500px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;”>
<script src=”http://daftar-isi-kategori.googlecode.com/files/inwepo-kategori.js”></script><script src=”http://tutorial.inwepo.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc”></script></div>
Hasilnya akan seperti ini http://inwepo.co/p/daftar-isi.html