Setelah berkutat berhari-hari dengan javascript, akhirnya selesai juga script untuk membuat daftar isi blog.
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 di sini.
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://infonetmu.googlecode.com/files/daftar-isi-otomatis.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.
:D
BACA JUGA!
- Memasang google cse dibawah posting blog (autofill)
- Memasang google custom pada blog
- Membuat Teks Melayang mengikuti mouse
- Membuat gambar animasi pada pojok blog
- Membuat judul posting berada di tengah
- Membuat judul widget berada di tengah
- Cara mengganti cursor dengan gambar
- Membuat banner berjajar secara horisontal
- Cara agar Postingan Baru Tidak Muncul Di Halaman Utama
- Cara membuat menu pull down blogger
- Menonaktifkan klik kanan mouse pada blog
- Membuat recent post fungsi scroll dengan javascript
