Cara Membuat Daftar Isi Sederhana Di Blogger

Hello Sobat, kali ini Blog Pintasku akan memberikan Tutorial Blogger, yaitu Cara Membuat Daftar Isi Sederhana Di Blogger. Daftar isi blog, atau lebih dikenal dengan sebutan sitemap oleh para blogger, dimana daftar isi blog ini berfungsi sebagai navigasi untuk para users atau juga para visitors untuk bisa lebih menjelajahi tentang semua isi dari suatu blog.

Mungkin sobat pernah berkunjung ke sebuah situs atau blog, yang menyediakan daftar isi, pastinya sobat akan lebih mudah dalam menjelajahi semua isi konten, artikel atau juga halaman situs tersebut. Tapi sebaliknya jika sebuah situs tidak memasang daftar isi blog atau situs, maka si users akan kesusahan di dalam menjelajahi semua isi konten yang ada pada blog. Oleh sebab itu memasang daftar isi blog itu sangatlah berguna sekali.

Nahh karena itu saya di sini akan memberikan tutorialnya Cara Memasang Daftar Isi Sederhana Di Blogger, berikut tutorialnya.

Cara Membuat Daftar Isi Sederhana Di Blogger

Untuk membuat daftar isi di blog, kita memerlukan bantuan javascript, berikut ini adalah kode javascript yang digunakan untuk membuat daftar isi blog sederhana.

1. Daftar Isi Berdasarkan Kategori/Label
Daftar isi ini akan menapilkan daftar isi berdasarkan label, atau kategori, untuk melihat contohnya, silahkan sobat masuk ke url : http://pintasku.blogspot.com/p/daftar-isi-1.html


<script src="https://googledrive.com/host/0Bwx-LVTRaDmacEMzX1pHcmFVUFE" type="text/javascript">
</script>
<script src="http://pintasku.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

Ganti tulisan yang berwarna merah dengan URL blog sobat.

2. Daftar Isi Berdasarkan Tanggal Publikasi
Daftar isi akan menapilkan daftar isi berdasarkan tanggal publikasi postingan untuk melihat contohnya, silahkan sobat masuk ke url : http://pintasku.blogspot.com/p/daftar-isi-2.html


<script src="https://googledrive.com/host/0Bwx-LVTRaDmabW5iZUkwZGZVam8"></script>
<script src="http://pintasku.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Ganti tulisan yang berwarna merah dengan URL blog sobat.

Catatan : Jika Ingin memberikan efek scroll, seperti pada contoh di url : http://pintasku.blogspot.com/p/daftar-isi-3.html 
sobat hanya perlu menambahkan kode HTML berikut sebelum kode javascript di atas.

<div style="background-color: none; border: 1px solid #000000; height: 400px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">

Jangan lupa ketika di akhir kode javascript untuk diberikan tag penutup </div>, maka kodenya akan seperti berikut ini.

<div style="background-color: none; border: 1px solid #000000; height: 400px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">
.............Kode Javascript yang diatas.............
</div>

Lalu sekarang kita hanya perlu menyimpannya pada Laman (halaman) baru di Blogger, caranya adalah sebagai berikut ini.

1. Masuk ke menu Laman (Page)
2. Klik Laman baru ( New Page)
   
3. Lalu masuk ke mode HTML, lalu simpan script yang di atas.
   
4. Save dan lihat hasilnya.

Oke sekian Tutorial Blogger mengenai Cara Membuat Daftar Isi Sederhana Di Blogger , semoga tutorial ini bisa membantu dan bermanfaat untuk semuanya. Terimakasih