Cara Membuat Daftar Isi Tanpa JavaScript

Daftar Isi ,merupakan salah satu elemen  penting pada sebuah web atau blog. daftar isi ini bisa menjadi tools,jika pengunjung ingin mengetahui seluruh konten atau isi blog. mereka bisa mencari artikel atau posting kita melalui daftar isi yang kita pasang. Banyak web atau blog yang menyediakan tutorial,trik,tips atau cara untuk membuat daftar isi. namun kebanyakan tutorial yang mereka sajikan menggunakan JavaScript. Membuat daftar isi menggunakan JavaScript hasilnya memang bagus dan cantik,namun jika suatu web atau blog yang sudah banyak menggunakan JavaScript,tentu penambahan 1 JavaScript lagi,bisa menjadikan beban loading pada blog. untuk itu semua terserah pada sobat,mana yang baik menurut sobat.



Disini Tekhnik Blogging berbagi Cara Membuat Daftar Isi Tanpa JavaScript oke langsung saja,caranya ikuti langkah-langkah dibawah ini :

Langkah Pertama
1. Login blog sobat
2. Klik Design > Edit HTML > Centang pada Expand widget template
seperti biasa untuk berjaga-jaga backup template sobat dengan Download template full.
3. Cari kode <b:include data='post' name='post'/> ganti dengan kode dibawah 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>

5. Klik Preview/Pratinjau jika tiada sembarang kesalahan klik Save

Langkah Kedua
1. Klik Design pada Menu Layout klik  Add Gadget Pilih HTML/JavaScript
2. Copy kode dibawah ini dan Paste pada kotak konten  HTML/JavaScript

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

Keterangan : Ganti http://tekhnik-blog.blogspot.com/ dengan Url blog sobat Sobat juga bisa mengubah nilai max-results=200, menjadi nilai yang sobat inginkan
3. Jika ingin meletakkan  Daftar Isi pada menu bar,menu horizontal atau menu dropdown pada blog sobat    rubah kode seperti contoh dibawah ini : Kode semula/sebelumnya :

<li><a href='http://tekhnik-blog.blogspot.com/p/daftar-isi.html'>Daftar Isi</a></li>

Ganti kode menjadi seperti dibawah ini :

<li><a href='http://tekhnik-blog.blogspot.com/search?max-results=200'>Daftar Isi</a></li>

jangan lupa ganti http://tekhnik-blog.blogspot.com/ dengan Url blog sobat
Demikian tadi Cara Membuat Daftar Isi Tanpa JavaScript,semoga bermanfaat.

SALAM BLOGGER