CATATAN SI BLUE
Pengen bebas berkarya mudah-mudahan bermanfaat untuk sobat blogger.

Cara membuat Daftar Isi Berdasarkan Label

Posted by INE FADLA 20:00, under |

Akhirnya bisa posting blog lagi nich... kali ini Neng Ine 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://www.coretan-guru-komputer.co.cc/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

Lain-lain

Daftar Isi

FB Friends

TEMAN FB