Membuat Daftar Isi Blog Versi Abu Farhan

Anda mungkin sering membaca artikel mengenai daftar isi blog, coba saja tulis di search engine "cara membuat daftar isi blog", "cara membuat arsip", atau "cara membuat sitemap", pasti banyak blog/website  yang sudah membahas hal ini. Namun demikian tidak ada salahnya saya pun "ikut-ikutan" membahas topik ini. Benar gak?

Pada posting ini akan saya jelaskan langkah-langkah cara membuat daftar isi blog versi Abu Farhan.

Daftar blog tipe 1:
Demo : Klik si sini!

Cara membuat daftar isi blog tipe 1:

1. Login ke Blogger kemudian pada Dashboard pilih Page
   
   
   
   
   
2. Pada Tab New Page pilih Blank Page Add text and media
   
   
   
   
   
3. Beri judul page misalnya Daftar Isi, daftar Isi Blog, atau Sitemap. Pada bagian posting pilih mode HTML (bukan mode Compose) dan kopikan script code di bawah.
   
   

   <script src="http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js">
   </script>
   <script src="http://linksukses.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">
   </script>

   
   Kode yang berwarna merah ganti dengan URL RSS Blog masing-masing, atau cukup ganti http://linksukses.com dengan URL blog masing-masing kemudian Publish atau Terbitkan.
   
   
   
   
   
4. Selesai, lihat hasilnya

Cara membuat daftar isi blog tipe 2:
Demo : Klik si sini!
Tampilan tipe 2 ini lebih menarik dari tipe, selain ada tambahan "New !!" untuk posting terbaru juga style-nya sedikit berbeda. Langkah-langkahnya sama persis dengan daftar isi blog tipe 1 hanya saja script code yang diharus di salin adalah sebagai berikut:

<link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen" />
<script style="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src="http://linksukses.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Ganti kode berwarna merah dengan URL blog Anda.

Cara membuat daftar isi blog tipe 3:
Demo : Klik si sini!
Langkah-langkahnya sama dengan tipe 1 dan tipe dua tetapi kode yang disalin adalah sebagai berikut:

<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="http://linksukses.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Credit and Thanks to Abu Farhan