Saturday, June 18, 2016

Cara Membuat Daftar Isi (sitemap) Secara Otomatis

Apa itu daftar isi?


Tentu sahabat semua sudah mengetahui dong apa itu daftar isi. Jika kita melihat isi buku, maka anda akan menemukan daftar isi ini pada bagian depan buku anda. Anda tau, apa isi daftar isi tersebut? Berdasarkan Kamus Besar Bahasa Indonesia versi online, daftar isi adalah urutan judul pada tiap bab beserta halaman yang terdapat pada sebuah buku atau penulisan. Jadi, daftar isi adalah berisikan bagian penting dalam sebuah buku. Tidak jauh beda dengan buku tersebut, daftar isi adalah semua judul postingan yang sudah anda tuliskan pada blog anda.


Apa fungsi daftar isi tersebut?


Fungsi daftar isi sendiri yaitu untuk memudahkan pengunjung blog atau website anda untuk mencari judul penulisan secara cepat tanpa harus mencari satu persatu. Ini memudahkan pembaca untuk mencari artikel yang diinginkan dan semakin ramai nantinya pengunjung blog anda.

Secara umum fungsi dasar dari daftar isi sebuah blog sebagai berikut

1. Mempermudah Mencari Artikel


Selain disediakannya menu bar salah satu hal yang wajib anda buat dalam blog, maka daftar isi adalah wajib kedua yang harus dimiliki oleh website atau blog anda. Membuat menu bar horizontal dengan cepat sudah pernah kita bahas sebelumnya. Jika anda belum memilikinya silahkan baca membuat menu bar tanpa mengedit html template anda. Kita kembali fungsi daftar isi adalah mempermudah pengunjung untuk mencari artikel yang diinginkan. Cara ini lebih efektif ketimbang pengunjung harus mencari kesana kemari, mengklik tautan older post atau artikel lainnya dan sebagainya.


2. Sebagai alat Navigasi

Daftar isi adalah sebagai salah satu bagian dari navigasi pelengkap blog anda. 


3. Sebagai internal link

Dalam SEO yang baik diperlukan juga kualitas internal link. Daftar isi adalah salah satu internal link yang baik untuk blog anda


Langkah-langkah Membuat Daftar Isi Secara Otomatis

Begitu pentingnya daftar isi dalam sebuah blog atau website, berikut ini akan saya sampaikan dengan mudah dan cepat bagaimana cara membuat daftar isi atau sitemap secara otomatis.
1. Buatlah laman baru yang akan menjadi daftar isi blog anda, Isikan judulnya dengan kata "daftar isi" maka anda akan mendapatkan tampilan seperti dibawah ini:

2. Kemudian pilih HTML untuk memasukkan kode HTML daftar isi anda sehingga akan menghasilkan daftar isi yang secara otomatis akan menampilkan artikel yang anda miliki. Masukkan kode dibawah ini kedalam html ya

<div style="border: 1px solid #000000; height: 270px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">
<script src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script>
<script src="http://www.indpanduanmembuatblog.xyz/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>
Maka anda akan mendapatkan tampilan seperti dibawah ini:

Kemudian silahakn klik publish atau terbitkan. Kemudian silahkan anda lihat hasil yang sudah anda buat dengan mengklik url daftar isi anda. Berikut ini tampilan daftar isi pada blog yang baru saja saya buat:


Bagaimana, mudah bukan cara membuat daftar isi secara otomatis yang akan menampilkan semua artikel yang sudah anda buat. Perlu anda ketahui, memang banyak sekali jenis dan bentuk dari daftar isi tersebut, namun untuk pemula seperti saya ini sudah bagus hehehe :-)