cara membuat daftar isi otomatis

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqwF3TphEhANxx5EQkdQyGZtoM2X-64HtqguyvYw3-pPVuOgzuhjd_SBGNAczNNa-spweuLpEUiQkF2dEZYhkUOInXQeQYGIpZghVbq8aR5tz6hOULaVWNDKC2SN3VTuey-yZsgRDhyU/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/AVvXsEivqwF3TphEhANxx5EQkdQyGZtoM2X-64HtqguyvYw3-pPVuOgzuhjd_SBGNAczNNa-spweuLpEUiQkF2dEZYhkUOInXQeQYGIpZghVbq8aR5tz6hOULaVWNDKC2SN3VTuey-yZsgRDhyU/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>

tips and trick blogger

• cara mengetik cepat dengan 10 jari
• status fb via bb...? ngga keren, yang keren via wc umum, hp pinjaman dll
• Cara Buat Lampu Keybord Kedap-kedip
• cara tahu isi chatt (voice chatt) orang lain
• cara tahu ip address, dan hal penting lainnya
• cara menjadikan hp kamu menjadi hotspot
• cara tau teman ym itu invisible atau bener bener off
• cara daftar blog ke 40 mesin cari (search engine)
• cara membuat text area dengan fasilitas select all
• membuat image dibawah komentar
• membuat related post sistem Jquery dengan mudah
• cara membuat text berputar mengikuti mouse
• cara mendapatkan rank tinggi termudah
• bikin tulisan terbalik di face book
• tip-tip
• cara menampilkan script HTML di postingan
• cara membuat artikel terkait (related post) dibawah postingan
• cara membuat blog dengan ponsel / hp
• pasang link pelangi di blog
• cara pasang lintas berita di blog
• memasang google translator berbentuk berdera
• cara buat jam animasi di blog
• Cara Membuat Fasilitas print di blog
• Cara Membuat Read More / Baca Selengkapnya di Blogger