cara membuat daftar isi otomatis

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinDAMCzU0N8WC7lypNANqiVuwt_MzsE5vmNgVaiKkM4u2umbtDrsDS6EyiYqYRXnBn4W9z3kuigBTEekgP1cXXRwtvf21wqxB_GlkhZl5d0aw2BEiuZzZDbkj-Sg8pS4BzcyLqfxuapaQ/s1600/cara+membuat+daftar+isi+otomatis+blogspot.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinDAMCzU0N8WC7lypNANqiVuwt_MzsE5vmNgVaiKkM4u2umbtDrsDS6EyiYqYRXnBn4W9z3kuigBTEekgP1cXXRwtvf21wqxB_GlkhZl5d0aw2BEiuZzZDbkj-Sg8pS4BzcyLqfxuapaQ/s320/cara+membuat+daftar+isi+otomatis+blogspot.jpeg" /></a></div>
Hampir satu tahun ngeblog baru aq pasang daftar isi otomatis aja pada blog saya ini, karena capek jg ya kalo membuat manual daftar isi saya yang seperti anda lihat di kanan sidebar blog saya ini, sekarang anda pengen tahu yang otomatis kan, coba kamu klik tulisan daftar isi pada menu horisontal di atas, maka hasilnya akan otomatis tampak daftar isi saya, pengen tahu caranya.<span class="fullpost">

Langkah Pertama:
1. Login ke account Blogger
2. Pilih Layout atau Tata Letak --&gt; Edit HTML
3. Setelah itu beri centang pada tulisan Expand Widget Templates
4. Sebaiknya back up dulu template sobat dengan meng-klik Download Template Lengkap
5. Cari kode dibawah ini

<span style="color: #33ff33;"><b:include data="post" name="post"></b:include></span>

Kalau sudah ketemu ganti kode itu dengan script dibawah ini:

<span style="color: #33ff33;"><b:if cond="data:blog.homepageUrl != data:blog.url"></b:if></span>
<span style="color: #33ff33;"><b:if cond="data:blog.pageType != &quot;item&quot;"></b:if></span>
<span style="color: #33ff33;"><a expr:href="data:post.url" href=""></a></span><a expr:href="data:post.url" href="">
<span style="color: #33ff33;"><div style="background: none repeat scroll 0% 0% rgb(234, 233, 233); border-bottom: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); color: black; margin-bottom: 2px; padding: 6px 0pt 6px 5px;">

<span style="color: #33ff33;"><data:post.title></data:post.title></span></div>
</span></a></span>
<span style="color: #33ff33;"><b:else></b:else></span>
<span style="color: #33ff33;"><b:include data="post" name="post"></b:include></span>
<span style="color: #33ff33;"></span>
<span style="color: #33ff33;"><b:else></b:else></span>
<span style="color: #33ff33;"><b:include data="post" name="post"></b:include></span>
<span style="color: #33ff33;"></span>

6. Simpan Template (save).

Keterangan:EAE9E9 adalah warna latar belakang (background) dan 000000 adalah warna tulisan (teks). sobat bisa menggantinya jika ingin menyesuaikan dengan template blog sobat.

Sebenarnya sampai disini sudah selesai, coba sobat klik salah satu label/kategoti maka yg muncul hanya judulnya.
Jika sobat ingin menampilkan daftar isi keseluruhan lanjut ke langkah ke dua

Langkah Kedua:
Pada langkah ini kita membuat pemanggil daftar isi.
1. Pilih Layout atau Tata Letak --&gt; Page Element atau Element Halaman.
2. Pilih Add a Gadgets atau Tambahkan Sebuah Halaman
3. Pilih HTML/JavaScript
4. Masukkan kode berikut ke dalam kontennya

<span style="color: #33ff33;"><a 0);="" 0,="" color:="" href="http://&lt;/span%3E%3Cspan%20style=" rgb(255,="">Nama blog sobat.com</a></span><span style="color: #33ff33;"><a 0);="" 0,="" color:="" href="http://&lt;/span%3E%3Cspan%20style=" rgb(255,="">/search?max-results=200"&gt;Daftar isi»</a></span>

5. Simpan Widgets
Keterangan:
hanya saja saya ambil urlnya saja pada blog saya jd saya hanya memasukkan url ini http://www.cikopotrans.co.cc/search?max-results=200
Ganti yang merah dengan nama blog sobat, dan nilai 200 adalah jumlah maksimal judul artikel yang akan ditampilkan dalamm satu halaman daftar isi. Silahkan ganti sesuai keinginan
<span class="fullpost"><strike>&nbsp;sabar muannas</strike> </span>