Buat Daftar Isi Otomatis di Blog

Cara Membuat dan Memasang Daftar Isi di Blog Secara Otomatis dan Keren. Kali ini saya akan share kepada sobat tentang bagaimana cara bikin d...

Cara Membuat dan Memasang Daftar Isi di Blog Secara Otomatis dan Keren. Kali ini saya akan share kepada sobat tentang bagaimana cara bikin daftar isi di blog secara otomatis dan keren. Dengan menampilkan Daftar Isi di blog sobat akan memudahkan pengunjung untuk membaca article yang mereka inginkan dengan mudah.

Baiklah mari kita langsung saja membuat daftar isi yang dimaksud tetapi sebelum anda membuatnya kurang lebih tampilannya ketika sudah jadi akan seperti gambar dibawah ini?

Bagaimana? Masih tertarik untuk membuat daftar isi di blogspot ini? Jika iya silahkan ikuti langkah-langkah berikut;

1. Masuk ke akun blooger sobat dan klik entri baru

2. Selanjutnya ENTRI BARU >> setelah tampil halaman seperti ketika sobat akan membuat artikel.

3. Pilih HTML pada pilihan tempat sobat menulis. Ingat HTML bukan COMPOSE. Silahkan masukan judul  yang sesuai dengan keinginan sobat, juga deskripsi di sebelah kanan silahkan isi sesuai kebutuhan anda.

4. Selanjutnya slahkan copy kode dibawah ini dan salin atau paste di Kolom HTML tadi.

<div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height:270px; background-color: none; text-align: left;">
    <script style="text/javascript" src=" http://masdabang.blogspot.com/files/daftar%20isi%20blog.js "></script>
    <script src="http://namablogsaudara.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

Catatan penting:
Tukar tulisan berwarna merah dengan URL blog sobat.

5. Jika semuanya sudah selesai, silahkan klik PUBLIKASIKAN

Jika sobat kurang puas dengan model Daftar isi di atas, saya kasih satu script lagi, Daftar isi blog berdasarkan label tertentu dengan fungsi scroll :

<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://Masdabang.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Sama dengan cara diatas yakni buatlah postingan baru dan masukkan kode dibawah ini pada mode HTML (bukan compose), lalu publikasikan.

Sekarang blog anda sudah memiliki daftar isi, jika anda membuat artikel baru maka akan secara otomatis masuk kedalam daftar isi tersebut dan akan di kelompokan berdasarkan bulan ketika anda membuat artikel tersebut.