Cara Membuat Daftar Isi Di Blog Secara Otomatis

Saatnya kali ini kita membahas cara membuat daftar isi di blog secara otomatis. Bagi anda yang gemar blogging tentu sudah tau daftar isikan. Hanya sebagian masih belum tau cara membuat daftar isi dengan baik. Daftar isi dapat memprecantik tampilan blog dan dapat mempermudah pengunjung untuk melihat topik apa saja yang pernah kita buat. Dengan tampilan daftar isi yang rapih pengunjung tidak akan bosan-bosannya untuk berkunjung dan membaca artikel kita.

 

Cara membuat daftar isi di blog secara otomatis cukup mudah hanya memasukan script-script tertentu saja. Dari seorang blogger yang sudah lama berkecimpung didunia blogging hingga seorang pemula yang baru memulai blog dapat mempelajarinya dengan mudah. Daftar isi secara otomatis terbagi menjadi 2 tampilan yaitu daftar isi biasa dan daftar isi berdasarkan label dengan fungsi scroll.

Berikut ini 2 cara membuat daftar isi di blog secara otomatis:

1.       Membuat daftar isi blog secara otomatis (daftar isi biasa)

a.       Login ke blog masing-masing

b.      Pada dashbor blog pilih Laman

c.       Klik Laman Baru lalu klik Laman Kosong

d.      Kemudian pilih mode HTML, bukan compose

e.      Masukan script berikut pada halaman yang tersedia (mode HTML)

<script src="http://gagaje-blogspot.googlecode.com/files/sitemap%281%29.js"></script>

<script src="http://gagaje.blogspot.com/feeds/posts/default?max-results=999&amp;

alt=json-in-script&amp;callback=loadtoc"></script>

f.        Pada script yang berwarna merah diatas, diganti menggunakan url milik anda, jangan lupa harus menggunakan http:// dan diakhiri / pada akhir url

g.       Jika sudah selesai silahkan klik publikasikan.

2.       Cara membuat daftar isi di blog secara otomatis dengan menggunakan fungsi scroll

a.       Login ke blog masing-masing

b.      Pada dashbor blog pilih Laman

c.       Klik Laman Baru lalu klik Laman Kosong

d.      Kemudian pilih mode HTML, bukan compose

e.      Masukan script berikut pada halaman yang tersedia (mode HTML)

<div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height: 500px; background-color: none; text-align: left;"> <script src="http://gagaje-blogspot.googlecode.com/files/sitemap%281%29.js"></script>

<script src="http://gagaje.blogspot.com/feeds/posts/default?max-results=999&amp;

alt=json-in-script&amp;callback=loadtoc"></script></div>

f.        Pada script yang berwarna merah diatas, diganti menggunakan url milik anda, jangan lupa harus menggunakan http:// dan diakhiri / pada akhir url

g.       Jika sudah selesai silahkan klik publikasikan