Langkah demi langkah untuk membuat Daftar Isi:

    Kali ini saya mencoba membahas tentang pembuatan daftar isi yang tidak lain adalah daftar isi blog untuk agar pembaca artikel sobat bisa mengerti dan tau apa saja sih isinya..??

Untuk Membuat daftar isi blog secara otomatis disini yang maksud adalah, jika kita melakukan postingan baru maka secara otomatis judul blog yang baru akan langsung masuk ke dalam daftar isi tanpa harus melakukan edit pada layout blog kita.

Dengan trik ini, kita hanya membutuhkan sedikit tempat di halaman blog kita, karena jika pengunjung ingin melihat daftar isi tersebut, maka akan terbuka jendela baru. Sehingga di halaman blog kita cukup dicantumkan dua kata yaitu : Daftar isi, dan bisa kita letakkan di tempat yang kita inginkan.

Caranya seperti langkah-langah berikut ini :

1. Masuk ke akun blogger anda
2. Pilih menu tata letak / Layout
3. Pilih tambah gatged
4. Pilih html/javascrip
5. COPAS kode di bawah ini :

• <a href="http://adinmarscell.co.cc/search?max-results=200" target="_blank"><span style="font-weight:bold;">DAFTAR ISI</span>&raquo;</a>
  
  
  
  
  
  
  
  
   Keterangan untuk Code diatas tampilanya menggunakan text Bold/huruf tebal dan jika di klik maka akan pindah halaman.dan jika ingin menggunakan Huruf kecil,dan apabila di klik tidak berpindah halaman maka coba kode dibawah ini.
  
  
  
  
  
  <a href="http://adinmarscell.co.cc/search?max-results=200">Daftar isi&raquo;</a>
  
  
  
  
  
  

adinmarscell.co.cc Ganti dengan alamat blog anda dan untuk results=200
ganti dengan jumlah yang anda inginkan, angka 200/300/atau 1 jt jga boleh he he... menunjukkan jumlah judul yang akan di tampilkan.

Nah Jika sobat hanya cukup melakukan itu saja maka tampilanya adalah berikut gambar-gambar yang ada di blog sobat maka agar tampil terlihat judul-judulnya saja maka sobat harus menambahkan kode masuk edit HTML.

1. Sign in di blogger dengan ID anda
2. Bilsa sudah berada di halaman dashboard, klik Layout.
3. Klik tab Edit HTML
4. Klik link bertuliskan Download Template Lengkap. Silahkan di save dulu untuk backup (penting).
5. Beri tanda tik/cek pada kotak kecil di samping tulisan Expand Widget Template. Tunggu beberapa saat.

6. Lihat ke bagian body template, lalu cari kode seperti ini :                                                          <b:include data='post' name='post'/>
   
7. Delete / hapus kode tersebut, lalu ganti dengan kode berikut ini :
   
<b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> <data:post.title/></a><br/><br/> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if>
Klik tombol Simpan Template.
Selesai. Langkah pertama sudah selesai.