Membuat daftar isi blog terbaru

Bismillahirahmanirrahim.  Salah satu cara agar pengunjung kita lebih mudah untuk mencari dan membaca artikel yang kita miliki adalah dengan cara menambahkan daftar isi pada blog/website kita.   Daftar isi ini lebih mudah dan lebih simpel tampilannya dari Daftar Isi Bagian 1 atau Daftar Isi Bagian 2 yang pernah saya posting sebelumnya.  Nah bagi teman-teman yang berminat ikuti langkah-langkahnya sebagia berikut:

• Buat satu postingan dengan judul "DAFTAR ISI" 
• Isikan kode berikut pada isi posting

<div id="cl_option">
Tunggu Sebentar... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">var jumlah_kata_dalam_ringkasan = 99999;</script>
<script src="http://penajurnalis.com/chapila/daftarisi.js"> </script>
<script src="http://www.cantiknya-ilmu.co.cc/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=9999"> </script>

• Publish Entri
• Selesai.  

Namun kalau ingin daftar isi lebih menarik bisa tambahkan CSS seperti di bawah ini pada template kalian 

#cl_option{border-bottom:solid 1px #fff;background:#141414;}
#cl_content_list{margin-top:3px;overflow: auto;  height: 500px; border:solid 1px #ccc;}
#cl_content_list p{border-bottom:solid 1px #000;margin:0px;padding:0px;padding-top:2px}
#cl_content_list a{padding-left:10px;color:#fff;}
#cl_content_list a:hover{}
#cl_content_list p:hover{background:#fff;color:blue;}

Selamat Mencoba