Cara Mudah Membuat Daftar Isi Blog

.Sekarang saya akan berbagi info tentang Cara Mudah Membuat Daftar Isi Blog atau Table Of Content (TOC) setelah tadi malam baru sadar kalau blog ini belum punya daftar isi atau Sitemap yang lengkap seperti daftar isi sesuai Label / Category atau berdasarkan tanggal posting.

Sebenarnya ada dari bawaan Posts Feed namun ini tidak lengkap hanya menampilkan beberapa postingan saja dan sulit juga kalau mau menampilkan berdasarkan label.

Bagi yang tertarik untuk membuat daftar Isi seperti blog ini, silahkan ikuti  tutorialnya seperti ini :

1. Login dulu  ke  account blogger atau http://www.blogger.com/
2. Kemudian buat sebuah Entri Baru dan pilih modus HTML bukan Compose,
3. Kalau biasa pakai Windows Live Writer (WLW) gunakan modus Source atau Sumber.
4. Berilah judul, misalnya: Daftar Isi Sesuai Label.
5. Langkah selanjutnya seperti ini :

A. Membuat Daftar Isi Sesuai Label / Category

1. Copy Paste script dibawah ini dan ganti yang warna merah dengan URL Blog anda

   <script style="text/javascript" src="http://saungweb.googlecode.com/files/TOCcategory.js"> </script>
   <script src="http://linktea.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

2. Setelah di-paste, klik Terbitkan Entri atau publish dan lihat hasilnya
3. Kalau artikelnya sudah banyak bisa ditambah fungsi scroll yang di pasang sebelum code no.A.1 , sehingga lengkapnya akan seperti ini :

     <div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 500px; background-color: none; text-align: left;">
      <p align="center">
       <font size="4">Daftar Isi Blog Berdasarkan Label / Category</font></p>
       <script style="text/javascript" src="http://saungweb.googlecode.com/files/TOCcategory.js"></script>
       <script src="http://linktea.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
       <p>Untuk melihat <a href="http://linktea.blogspot.com/2012/09/daftar-isi-berdasarkan-tanggal-posting.html" target="_blank">Daftar Isi Berdasarkan Tanggal Posting</a>, silahkan di klik</p>
       </div>

4. Kode warna merah, silahkan sesuaikan, sedang yang warna pink sesuaikan atau dihapus juga silahkan.
5. Selanjutnya tinggal buat link yg menuju ke postingan ini  dan  bisa disimpan di navbar menu atau di sidebar dll.
6. Untuk lebih jelasnya Daftar Isi sesuai label / kategori lihat disini.

B. Membuat Daftar Isi Sesuai Tanggal Posting

1. Copy Paste script dibawah ini dan ganti yang warna merah dengan URL Blog anda 

   <script style="text/javascript" src=" http://saungweb.googlecode.com/files/TOCtanggal.js "></script>
   <script src="http://linktea.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

2. Setelah di-paste, klik Terbitkan Entri atau publish dan lihat hasilnya
3. Kalau artikelnya sudah banyak bisa ditambah fungsi scrol yang di pasang sebelum code no. B.1 , sehingga lengkapnya akan seperti ini :

   
   <div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 500px; background-color: none; text-align: left;">
   <p align="center">
   <font size="4">Daftar Isi sesuai Tanggal Posting</font></p>
   <script style="text/javascript" src=" http://saungweb.googlecode.com/files/TOCtanggal.js "></script>
   <script src="http://linktea.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
   <p> Kalau yang ini untuk melihat <a href="http://linktea.blogspot.com/2012/09/daftar-isi-sesuai-label-category.html" target="_blank">Daftar isi Sesuai Label / Category</a></p> </div>

4. Kode warna merah, silahkan sesuaikan, sedang yang warna pink sesuaikan atau dihapus juga silahkan.
5. Selanjutnya tinggal buat link yg menuju ke postingan ini  dan  bisa disimpan di navbar menu atau di sidebar dll. 
6. Untuk lebih jelasnya Daftar Isi Sesuai Tanggal Posting lihat disini.

Sampai disini Cara Mudah Membuat Daftar Isi Blog atau Table Of Content (TOC). Semoga bermanfaat. Sekarang ngilangin stres dulu disini

Sumber : Saung Web