Cara Membuat Daftar Isi tanpa JavaScript

Daftar isi merupakan sesuatu yang sangat penting bagi para blogger karena selain bisa punya tampilan yang beda daftar isi ini juga bisa update otomatis tanpa harus di update secara manual...

Nah setelah sekian lama blogwalking akhirnya nemu juga artiklenya mas fanirifanto yang menurut saya sangat bermanfaat jadi saya update kembali di blog saya ini...

Ok langsung saja kita mulai cara – caranya :

Pertama login ke blog anda masing – masing > Dashboard > Template > Edit Html > Lanjutkan > Expand Widget template > Cari kode

<b:include data='post' name='post'/> ( Gunakan Ctrl + F untuk mempermudah )

Setelah ketemu Hapus kode diatas dan ganti dengan kode di bawah ini :

<b:if cond='data:blog.homepageUrl !=data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Kemudian Simpan Template

Setelah itu klik Tata Letak > Tambah Gadget > Html Java Script > Copas kode di bawah ini di dalam konten :

<a href="http://hendrajorge.blogspot.com/search?max-results=100">Show all post &raquo;&raquo;</a>

Ganti warna biru dengan alamat blog anda dan warna merah untuk menampilkan berapa yang ingin ditampilkan sesuai keinginan anda.

Setelah selesai klik Simpan

*Jika anda ingin meletakkan Daftar isi ini di menu bar blog tinggal tambahkan search?max-results=100 pada link yang akan digunakan

Ex : <li><a href='http://hendrajorge.blogspot.com/search?max-results=100'><span style="font-style:Bold;">Daftar Isi</span></a> </li>

Contoh yang saya berikan diatas adalah dengan menggunakan cara membuat menu seperti disini

Kalau anda ingin melihat daftar isi yang sudah selesai disini

Semoga bermanfaat....:D