Cara Membuat Daftar Isi Blog

Ada banyak jalan ke Roma (kata orang sih...!!!). Ada banyak cara untuk membuat DAFTAR ISI. Blog gak jauh beda dengan sebuah buku atau majalah, isinya sama-sama tentang sebuah informasi. Sama halnya dengan buku atau majalah yang mempunyai sebuah DAFTAR ISI, maka BLOG pun juga bisa dibuat sebuah DAFTAR ISI yang akan memudahkan para pembacanya untuk melihat isi dari BLOG yang kita miliki.

Untuk membuat Daftar Isi pada Blog ada beberapa cara, kali ini saya akan membuat satu cara saja tetapi dengan dua tampilan yang berbeda.

A. TAMPILAN PERTAMA

Untuk membuat Daftar Isi dengan Tampilan seperti diatas, caranya adalah :

1. Silahkan Login ke Blog Anda (WWW.BLOGGER.COM)
2. Pilih Layout/Rancangan
3. Pilih Tambah Gadget pada Sidebar (Boleh juga diletakkan di Header, letaknya sesuai selera anda)
4. Pilih HTML/JavaScript
5. Masukkan Judul yang anda inginkan (Misalnya DAFTAR ISI)
6. Masukkan Kode dibawah ini (Copy Paste), lalu SAVE/SIMPAN

<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://sites.google.com/site/babesajabu/data/contents.js"></script><script src="http://babesajabu.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

Keterangan :

• Tulisan/teks berwarna merah GANTI dengan nama blog anda
• width:430px (Ganti nilai 430 dengan keinginan anda)
• height:120px (Ganti nilai 120 dengan keinginan anda)

B. TAMPILAN KEDUA

Untuk tampilan DAFTAR ISI yang kedua dapat dilihat pada Blog ini (klik disini). Untuk membuat DAFTAR ISI yang ditampilkan dalam satu halaman adalah sebagai berikut.

1. Silahkan Login ke Blog Anda (WWW.BLOGGER.COM)
2. Pilih Posting
3. Lalu pilih Edit Laman/Edit Page
4. Klik pada LAMAN BARU
5. Masukkan Judul yang anda inginkan (Misalnya DAFTAR ISI)
6. Masukkan Kode dibawah ini (Copy Paste), lalu klik TAYANGKAN/PUBLISH

<script style="text/javascript" src="http://sites.google.com/site/babesajabu/data/contents.js"></script><script src="http://babesajabu.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Keterangan :

• Tulisan/teks berwarna merah GANTI dengan nama blog anda

--- GOOD LUCK ---

Posted in: Tips dan Trik