Cara Membuat Daftar Isi Pada Blog

Hello Pengunjung Oktri Blog,ketemu lagi pada tutorial accesoris blog,Tutorial kali ini merupakan Lanjutan dari Cara Membuat Daftar isi Blog dan Cara Membuat Daftar Isi (Table of Contents) atau Sitemap di Blogger ala Abu Farhan
Daftar isi di blog sangatlah penting perannya, karena ini dapat mempermudah pembaca kita menemukan artikel-artikel lain di blog kita.
Daftar isi ini tidak hanya menampilkan judul dan link-nya, tapi juga menampilkan label, tanggal postingan, serta ringkasan dari artikel-artikel kita.

Selain itu, daftar isi ini dapat di-filter untuk menampilkan beberapa artikel dengan label atau tanggal tertentu saja, dan dapat juga diurutkan sesuai tanggal atau judulnya.
Untuk contohnya, kamu bisa lihat DIsini
Caranya:

1. Masuk ke account Blogger kamu, pilih "Posting" - "New Post",
2. Kemudian isi judulnya dengan judul yang kamu inginkan, seperti "Daftar Isi" atau semacamnya,
3. Kemudian copy-paste kode di bawah ini:

<div id="cl_option"> Loading... </div>
<div id="cl_content_list"> </div>
<script type="text/javascript">var jumlah_kata_dalam_ringkasan = 200;</script>
<script src="http://oktriblog.googlecode.com/files/daftar%20isi.js"> </script>
<script src="http://BLOGKAMU.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500"> </script>

 

4. Jangan lupa untuk mengganti BLOGKAMU dengan URL blog kamu,
5. Kamu juga bisa mengatur jumlah kata dalam ringkasan dengan mengubah nilai variabel jumlah_kata_dalam_ringkasan,
6. Untuk mencegah daftar isi ini berada di halaman paling depan, klik "Post Option" di bagian bawah sebelah kiri, kemudian ganti tanggalnya jadi beberapa hari yang lalu, sebulan yang lalu, atau setahun yang lalu,
7. Kalau kamu ingin yang versi bahasa inggris, ganti aja contentlist.js jadi contentlist_en.js.

Semoga bermanfaat!  
O iya, kalau kamu mau menulis artikel tentang daftar isi ini di blog kamu, kamu boleh menambahkan kode

<div style="text-align:right; font-size:80%">


Re-published by: <a href="urlblogkamu.com"> Blog kamu </a>


</div>

di bagian bawah kode di atas pada artikel kamu.
Supaya blog kamu juga dapat backlink dari blogger yang pakai daftar isi ini.

Artikel Terkait:

Accesoris Blog

• Cara Membuat Cursor following menu
• Cara Membuat Background Pada Cbox
• Cara Membuat Label Cloud Tanpa Edit HTML
• Cara Memasang Total Komentar dan Total Posts
• Cara Membuat Link Pada Label Bergeser Saat Disorot (Link Nudging)
• Cara Membuat Buku Tamu Show/Hide Dari Atas
• Cara Memasang Tombol "Save as PDF" Di Blogger
• Cara Membuat Icon Twitter Burung Terbang
• Tips Memasang Buku Tamu/Instant Comment/Chat Box pada Blogger
• Cara Membuat Efek Bubble 'Gelembung' Pada Cursor
• Cara membuat header blog dengan Supalogo
• Membuat menu melayang dengan sentuhan Jquery dan CSS3
• Cara Menampilkan Hanya Judul Postingan di Halaman Depan Blog dengan Css
• CARA MENAMPILKAN HANYA JUDUL ARTIKEL PADA HALAMAN DEPAN BLOG
• Cara Pasang Icon di Samping Judul Postingan
• Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka
• Clock Widget : Jam Mengikuti Kursor
• Cara MemBuat/Pasang Navigasi Breadcrumb di Blogger
• Cara membuat Omni Slide Menu Pada BLog
• Cara Membuat Menu dTree
• Cara Bikin Float Gambar Pada Blog
• Tag cloud cumulus update
• Cara Membuat Double Klik untuk Back to Top (Kembali ke Atas)
• Membuat Navigasi Halaman Bernomor/Paging

Daftar Isi

• Contoh Program Sistem Pakar Sederhana
• Cara Membuat Daftar isi Blog
• Daftar Isi