Cara Membuat Daftar Isi pada Blog

Akhirnya bisa posting blog lagi nich... kali ini ane akan menjelaskan penemuan terbaru hasil jalan-jalan di dunia aneh... eh salah di dunia maya alias internet. disini saya akan membahas tentang cara membuat Daftar Isi Berdasarkan Label. Soalnya hampir kebanyakan bilangnya begitu. langsung aja ya... dari sekian banyak cara membuat daftar isi, seperti Disini, disana atau disitu, tips kali ini akan menerangkan bagaimana membuat daftar isi berdasarkan label atau kategori. biasanya daftar isi ini disimpan di sidebar ataupun di postingan. Tujuan dasar dari pembuatan daftar isi ini tidak lain agar pengunjung dipermudahkan mencari artikel yang mereka butuhkan.

Dibawah ini adalah contoh yang kita bahasa saat ini :

Artikel Islam

1. Aku Menyaksikan Tangismu
2. Allah dan Tuhan
3. Alnor: Cahaya Islam di Puncak Bola Dunia
4. Cat Steven: Islam Menyelamatkanku
5. Dulu Ulama Dirangkul, Kini Mereka Diburu
6. Eropa 2050: Benua Islam Terbesar di Dunia
7. Jabatan Adalah Amanah
8. Kaskus Jadi Situs Penghina Islam?
9. Keturunan Sitti Fathimah
10. Laskar Muslim Siap Hadang Pintu Dagang Israel Ke RI
11. Muallaf Kontroversi Jerman Menangkan Penghargaan Al-Quran
12. Murid-Murid Florida Berlomba "Setankan Islam"
13. Puluhan Ribu Umat Solo Serukan : Islam Bukan Teroris

Document

1. Allah dan Tuhan
2. Alnor: Cahaya Islam di Puncak Bola Dunia
3. Cat Steven: Islam Menyelamatkanku
4. Dulu Ulama Dirangkul, Kini Mereka Diburu
5. Eropa 2050: Benua Islam Terbesar di Dunia
6. Kaskus Jadi Situs Penghina Islam?
7. Keturunan Sitti Fathimah
8. Laskar Muslim Siap Hadang Pintu Dagang Israel Ke RI
9. Muallaf Kontroversi Jerman Menangkan Penghargaan Al-Quran
10. Murid-Murid Florida Berlomba "Setankan Islam"
11. Puluhan Ribu Umat Solo Serukan : Islam Bukan Teroris

Komputer

1. ILMU PENDIDIKAN DALAM PERSPEKTIF ISLAM
2. Macam macam Serial Number Windows
3. Pengenalan Hardware Komputer
4. Pengertian CPU
5. Pengertian Keyboard
6. Pengertian Mouse
7. Pengertian Processor
8. Peran TIK dalam pembelajaran
9. Portable Ms Office 2007
10. Sekarang Satu Komputer Untuk 2.000 Siswa
11. Televisi Pendidikan

Modul Office Excel

1. Contoh Diagram
2. Membuat 2 tabel sekaligus dalam excel
3. Membuat Garis Tabel pada Microsoft Office Excel
4. Membuat nomor urut di Excel
5. Membuat sebuah grafik dengan data yang di ambil dari tabel
6. Mengatur Default Directory Penyimpanan File Excel
7. Mengetahui Nilai Total, Rata-rata, Maksimal dan Minimal dalam Microsoft Office Excel
8. Menggabungkan Sel
9. Menggunakan Fungsi IF dan VLOOKUP Pada MS Excel
10. Mengubah Baris menjadi Kolom
11. Penggunaan Fungsi (Rumus) IF
12. Proteksi Sheet pada Microsoft Office Excel
13. membuat tabel pada Microsoft Office Excel

Modul Office Word

1. File Doc jadi Exe?
2. Format Font dalam Microsoft Office Word
3. Format pengaturan tata letak teks dalam satu alinea dalam microsoft office word
4. Fungsi Tabulasi
5. Membuat Daftar Isi
6. Membuat Nomor Halaman
7. Membuat Tabel pada Microsoft Office Word
8. Membuat dokumen baru dalam Microsoft Office Word
9. Membuka File .docx Tanpa Word 2007 atau Mengkonversikan ke Bentuk .doc
10. Menggunakan Microsoft Word Untuk Membuat Teks Lorem Ipsum
11. Menghapus huruf, kata dan kalimat dalam Microsoft Office Word
12. Menulis rumus-rumus matematika dalam microsoft office word
13. Merubah Format Huruf dengan cepat
14. Pengenalan Microsoft Excel 2003
15. Pengenalan Microsoft Office Word 2003
16. Shortcut Microsoft Office Word

Tips Trik Blogspot

1. Background Berbeda-beda Setiap Halaman
2. Blog Transparent
3. Cara Megnatur Judul Sidebar
4. Cara Membuat Drop Cap Pada Postingan
5. Cara Membuat Marque (Teks Berjalan)
6. Cara Membuat Menu Tab View
7. Cara Membuat Recent Comments
8. Cara Membuat Tab View Link - New !!
9. Cara Mengatur Judul Sidebar
10. Cara Mengganti Background Blogger
11. Cara Mengganti Icon Pada Adress Bar
12. Cara Pasang Flash di Blog
13. Daftar Isi Berdasarkan Label - New !!
14. Efek Kembang Api di Halaman Blog
15. Efek Tulisan Teks Pada Blog
16. Gambar Selalu Di Pojok
17. Hantu Berkeliaran di Halaman Blog
18. Judul Blog Menjadi Judul Postingan
19. Kursor Bermesraan Dengan Teks
20. Kursor Bersama Bintang Kecil
21. Membagi Header Menjadi Dua Kolom - New !!
22. Membuat "Tag Cloud" Widget
23. Membuat 3 Kolom/Elemen di Atas Footer
24. Membuat Buku Tamu Tersembunyi
25. Membuat Daftar Isi Blog
26. Membuat Efek Roaming Windows
27. Membuat Link Pelangi
28. Membuat Multi Level Drop-Down Menu Dengan CSS dan JQuery
29. Membuat Readmore Otomatis
30. Membuat Tab View di Bawah Postingan - New !!
31. Membuat teks Area Blog
32. Menambah 4 Kolom/Elemen Halaman di Atas Footer
33. Menambah Elemen di Atas 2 Kolom
34. Menambah Fitur Replay Pada Kotak Komentar
35. Menambah Kolom Elemen Sidebar Blogspot - New !!
36. Menghilangkan Navbar Blogspot
37. Menu Tab View Widget
38. Pasang TV Bagian 2
39. Pasang TV di blog
40. Pesta Kembang Api di Halaman Blog
41. Posting Blog Mengunakan MS Office Word2007
42. Recent Post Slide Show
43. Tabber tab dengan JQuery part 2
44. Translate Versi Google
45. Widget dari BlogCatalog

Tips Trik Facebook

1. Cara Bikin Status Facebook Lebih Menarik
2. Cara Memblokir Teman Di Facebook
3. Cara Membuat Catatan Facebook
4. Cara Mengembalikan Akun Facebook yang di Hack - New !!
5. Cara Menghapus Iklan Di Profil Facebook
6. Efek Keren di Template Facebook anda
7. Facebook Haram
8. Fitur Baru dari Facebook
9. Hack Foto Profil Facebook
10. Main Facebook Di Blog !?
11. Penyebab Kata Sandi Facebook Bisa Dicuri - New !!

Tips Twitter

1. Cara Mudah Daftar di Tuitter - New !!

Tips dan Trik Twitter

1. Cara Mudah Daftar di Tuitter - New !!

Tips dan Trik Wordpress

1. Background Gambar di Belakang Postingan - New !!
2. Cara Buat Pages atau Halaman Statis WordPress
3. Cara Buat Read More di WordPress
4. Memasang Favicon di Blog WordPress
5. Membedakan Komentar dari Penulis
6. Membuat Blog di WordPress Com
7. Menampilkan Related Post Berdasarkan Kategori
8. Mengaktifkan Widget di Sidebar
9. Tutorial Blog WordPress

Tutorial Twitter

1. Cara Mudah Daftar di Tuitter - New !!

Widget

1. Cara Membuat Menu Tab View
2. Cara Membuat Recent Comments
3. Cara Membuat Tab View Link - New !!
4. Cara Pasang Flash di Blog
5. Featured Content Slider Using JQuery
6. Main Facebook Di Blog !?
7. Membuat "Tag Cloud" Widget
8. Membuat Buku Tamu Tersembunyi
9. Membuat Link Pelangi
10. Membuat Tab View Model 2 - New !!
11. Mengaktifkan Widget di Sidebar
12. Menu Tab View Widget
13. Pasang TV Bagian 2
14. Recent Post Slide Show
15. Translate Versi Google
16. Widget dari BlogCatalog

Berikut ada 2 script, yang pertama tanpa scroll dan yang kedua menggunakan fasilitas scroll (biar ga kepanjangan)

1. Untuk yang biasa :

<script style="text/javascript" src="http://kangfatur.googlecode.com/files/daftar%20isi%20label.js"> </script>
<script src="http://www.coretan-guru-komputer.co.cc/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

2. Untuk yang menggunakan scroll

<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;">
<script style="text/javascript" src="http://kangfatur.googlecode.com/files/daftar%20isi%20label.js"></script>
<script src="http://adba19.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<p>
</div>

Catatan : Ganti kode warna orange dengan alamat URL Sobat.

3. Klik Simpan. Selesai

Naah setelah semua langkah langkah sobat jalani dan tanpa ada masalah apapun diperjalanan sekarang sobat tinggal lihat hasilnya pasti mantaaap. Semoga postingan kali ini bermanfaat bagi sobat semua, Selamat mencoba


Sumber : Neng Ine