Membuat Halaman Daftar Isi Berdasarkan Label Postingan Tampilan Mini

Cara membuat daftar isi blog kali ini berbeda dengan sebelumnya, baik tampilan maupun script yang akan digunakan, saya pribadi lebih suka dengan daftar ini (content) karena bisa menampilkan seluruh judul postingan dan dikelompokkan sesuai dengan label masing-masing judul. Jadi kalo postingan kita buat tanpa menggunakan label, besar kemungkinan judul postingan tidak akan muncul didalam daftar ini.

Daftar isi (content) ini saya bagi menjadi dua bagian, yaitu Daftar isi ditampilkan pada satu halaman penuh dan Daftar isi ditampilkan pada halaman depan blog

Cara pertama adalah jika kita ingin menampilkan daftar isi ini dihalaman depan blog kita, agar setiap pengunjung dapat melihat daftar isi blog kita tiap kali mengunjungi blog kita.

Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Beri Judul Dafar isi atau judul sesuai dengan keinginan sobat
5. Kopas kode di bawah ini

• <div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://alfanetcell.co.cc/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
  </div>

alfanetcell.co.cc : ganti dengan alamat blog/web sobat

width:430px : Ganti Lebar sesuai dengan yang sobat inginkan, sesuaikan dengan template

height:120px : Ganti tinggi nya sesuai dengan keinginan sobat

Setelah di masukan akan tampil seperti berikut :

1. Jadwal Puasa Imsakiyah Bulan Ramadhan 1432 H – 2011
   


2. [kamus-javakedaton] Kosa Kata Hari ini 03/08/2011
   Random Kamus Bahasa Arab نشرةnasyrotunBuletinبرعمbur'amunTunasكنيةkunyatunSebutan © 2010...(Baca)


3. KonsultasiSyariah: Doa Shalat Tarawih
   h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


4. Kumpulan Situs Sunnah
   h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


5. Muslim.or.id: Memurnikan Aqidah Menebarkan Sunnah
   h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


6. Meraih Kebahagiaan Muslimah di Atas Jalan Salaful Ummah
   h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


7. [kamus-javakedaton] Kosa Kata Hari ini 02/08/2011
   Random Kamus Bahasa Arab أَبَوَانِ بِالتَّبَنِّيabawaani bittabanniiIbu bapak angkatاجل ج...(Baca)


8. KonsultasiSyariah: Ebook Panduan Ramadhan
   h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


9. Kumpulan Situs Sunnah
   h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


10. Meraih Kebahagiaan Muslimah di Atas Jalan Salaful Ummah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


11. [kamus-javakedaton] Kosa Kata Hari ini 01/08/2011
    Random Kamus Bahasa Arab طبقthobaqunPiring kecilرخصة القيادةrukhshotul qiyaadatiSim (surat izin...(Baca)


12. KonsultasiSyariah: Download Ebook Kumpulan Tanya Jawab Seputar Ramadhan (Jilid I)
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


13. Kumpulan Situs Sunnah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


14. Muslim.or.id: Memurnikan Aqidah Menebarkan Sunnah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


15. RSS Majalah Sakinah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


16. MENGUCAPKAN SELAMAT MENUNAIKAN IBADAH PUASA RAMADHAN 1432 HIJRIYAH
     SEMOGA KITA SEMUA DIBERI KUATAN UNTUK MENUNAIKAN IBADAH PUASA DI BULAN RAMADHAN 1432 HIJRIYAH...(Baca)


17. [kamus-javakedaton] Kosa Kata Hari ini 31/07/2011
    Random Kamus Bahasa Arab رد الاعتبارroddil i'tibaariRehabilitasiمفلسmuflisunPailitالمalamunRasa...(Baca)


18. KonsultasiSyariah: Beda antara Tahajud dengan Tarawih
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


19. Muslim.or.id: Memurnikan Aqidah Menebarkan Sunnah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


20. Kumpulan Situs Sunnah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


21. [kamus-javakedaton] Kosa Kata Hari ini 30/07/2011
    Random Kamus Bahasa Arab ستة عشر, ست عشرةsittata 'asyaro, sitta 'asyrotaEnam belasعَوَارِضُ...(Baca)


22. KonsultasiSyariah: Cara agar Khusyuk dalam Shalat
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


23. Muslim.or.id: Memurnikan Aqidah Menebarkan Sunnah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


24. Kumpulan Situs Sunnah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


25. Meraih Kebahagiaan Muslimah di Atas Jalan Salaful Ummah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


26. [kamus-javakedaton] Kosa Kata Hari ini 29/07/2011
    Random Kamus Bahasa Arab اِبْنٌ حَقِيْقِيٌّibnun haqiiqiyyunAnak...(Baca)


27. KonsultasiSyariah: Tidur Waktu Puasa
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


28. Artikel Buletin At-Tauhid Pekan Ini
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


29. Kumpulan Situs Sunnah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


30. LAYANAN JASA
    var numposts = 1000; var showpostdate = false; var showpostsummary = true; var numchars =...(Baca)


31. PASANG IKLAN GRATIS
    var numposts = 1000; var showpostdate = false; var showpostsummary = true; var numchars =...(Baca)


32. Meraih Kebahagiaan Muslimah di Atas Jalan Salaful Ummah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


33. [kamus-javakedaton] Kosa Kata Hari ini 28/07/2011
    Random Kamus Bahasa Arab تزييفtazyiifunPamalsuanذاكdzaakaItuصبshobbaCurah, mencurahkan ©...(Baca)


34. KonsultasiSyariah: Ukuran Fidyah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


35. Kumpulan Situs Sunnah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


36. RSS Majalah Sakinah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


37. [kamus-javakedaton] Kosa Kata Hari ini 27/07/2011
    Random Kamus Bahasa Arab أنعمan'amaMemberi nikmatسماكsammaakunPenjual ikanالبِنْسَةُ,...(Baca)


38. KonsultasiSyariah: Hukum Mencium Bau Wangi Bagi Orang yang Berpuasa
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


39. Muslim.or.id: Memurnikan Aqidah Menebarkan Sunnah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


40. Kumpulan Situs Sunnah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


41. Meraih Kebahagiaan Muslimah di Atas Jalan Salaful Ummah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


42. KonsultasiSyariah: Apakah Debu Membatalkan Puasa
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


43. [kamus-javakedaton] Kosa Kata Hari ini 26/07/2011
    Random Kamus Bahasa Arab أداةadaatunAparatأسبوع ج أسابيعusbuu'un j....(Baca)


44. Muslim.or.id: Memurnikan Aqidah Menebarkan Sunnah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


45. Kumpulan Situs Sunnah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


46. [kamus-javakedaton] Kosa Kata Hari ini 25/07/2011
    Random Kamus Bahasa Arab البَخْثَرَةُal-bakhtsarotuHal keruhnya airوَهَبَ - يَهَبُ لَهُ...(Baca)


47. Konsultasi Syariah: Akikah untuk Janin Keguguran
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


48. Kumpulan Situs Sunnah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


49. Muslim.or.id: Memurnikan Aqidah Menebarkan Sunnah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


50. [kamus-javakedaton] Kosa Kata Hari ini 24/07/2011
    Random Kamus Bahasa Arab الكَشْطُ, الحَكُّal-kasythu, al-hakkuAbrasi (pengikisan...(Baca)


51. Konsultasi Syariah: Puasa Bagi Wanita Bersih dari Haid Sebelum Fajar
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


52. Kumpulan Situs Sunnah
    h1 a:hover {background-color:#888;color:#fff ! important;} ...(Baca)


53. WWW.ALFANETCELL.CO.CC MENGUCAPKAN " HAPPY BIRTHDAY TO YOU "
    


54. Tukaran Link Banner atau Link Text Alfa Net
    Bagi sahabat yang ingin tukeran link atau banner mohon dibaca dulu langkah-langkahnya yang akan...(Baca)


55. Asal Usul Kota Karawang
    Pada zaman Kerajaan Padjadjaran yang dipimpin oleh Sri Baduga Maharaja, Karawang merupakan salah...(Baca)


56. Riwayat Abu Bakar As Siddiq
    Abu Bakar As Siddiq ayah dari Aisyah istri Nabi Muhammad SAW. Namanya yang sebenarnya adalah...(Baca)


57. Riwayat Sayyidina Umar Ibn Al-Khattab
    http://i853.photobucket.com/albums/ab94/sijarot/UMAR.jpg Sayyidina Umar Ibn al-Khattab adalah...(Baca)


58. Riwayat Sayyidina Utsman Bin Affan Ra
    Utsman bin Affan (sekitar 574 – 656) adalah sahabat Nabi Muhammad SAW yang merupakan Khulafaur...(Baca)


59. RIWAYAT SAYYIDINA ALI BIN ABU THALIB
    Sayyidina Ali berwasiat: Ku wasiatkan kepada kamu supaya tetap bertaqwa kepada Allah. Janganlah...(Baca)


60. Sejarah Ahmad Shohibulwafa Tajul Arifin (Abah Anom)
    Suryalaya, 26 tahun lalu. Sekelompok pemuda yang amat lemah daya nalarnya, sulit mengerti...(Baca)


61. Sejarah Syaikh Abdullah Mubarok bin Nur Muhammad (Abah Sepuh)
    Syaikh Abdullah Mubarok bin Nur Muhammad atau yang biasa di panggil Abah Sepuh, lahir tahun 1836...(Baca)


62. Cerita Rakyat : Prabu Pucuk Umun VS Sultan Maulana Hasanuddin
    Cerita rakyat yang berhubungan dengan Islamisasi di Banten salah satunya adalah cerita Pucuk...(Baca)


63. Sejarah Syekh Yusuf Al-Maqassari
    Syeikh Yusuf lahir tahun 1626 di Goa, Sulawesi Selatan. Ayahnya, Abdullah, bukan bangsawan, tetapi...(Baca)


64. Sejarah Syekh Magelung Sakti
    Syekh Magelung Sakti alias Syarif Syam alias Pangeran Soka alias Pangeran Karangkendal. Konon...(Baca)


65. Sejarah Syeh Nawawi Al-Bantani (Guru Para Ulama Indonesia)
    Ada beberapa nama yang bisa disebut sebagai tokoh Kitab Kuning Indonesia. Sebut misalnya, Syekh...(Baca)


66. Sejarah Syekh Subakir
    Beliau adalah SYEKH TAMBUH ALY BEN SYEKHBAQIR (SYEKH SUBAKIR) bin Abdulloh bin Aly bin Ahmad bin...(Baca)


67. Sejarah Syekh Quro (Qurotul A'in)
    Syekh Quro atau Syekh Qurotul Ain Pulobata adalah pendiri pesantren pertama di Jawa Barat, yaitu...(Baca)


68. Sejarah Syeh Abdul Qodir Jaelani
    Sulthanul Auliya Syekh Abdul Qadir Al-Jailani Rahimahullah, (bernama lengkap Muhyi al Din Abu...(Baca)


69. Sejarah Sufi Al Hallaj
    Fenomena Al Hallaj dan Syeh Siti Jenar Dalam Sejarah Tasawuf Tragis! Begitulah kesan yang nyaris...(Baca)


70. Sejarah Syekh Siti Jenar
    Syekh Siti Jenar (juga dikenal dalam banyak nama lain, antara lain Sitibrit, Lemahbang, dan Lemah...(Baca)


71. Sejarah Sunan Muria
    SUNAN MURIA Raden Umar Syaid, atau Raden Said yang kemudian lebih dikenal ...(Baca)


72. Sejarah Sunan Kudus
    SUNAN KUDUS Ja'far Sodiq, atau yang lebih dikenal dengan sebutan Sunan ...(Baca)


73. Sejarah Sunan Drajat
    Sunan Drajat diperkirakan lahir pada tahun 1470 masehi. Nama kecilnya adalah Raden Qasim, kemudian...(Baca)


74. Sejarah Sunan Bonang
    Dari berbagai sumber disebutkan bahwa Sunan Bonang itu nama aslinya adalah Syekh Maulana Makhdum...(Baca)


75. Sejarah Sunan Giri
    Sejarah Giri sebetulnya tidak bisa dilepaskan dari Gresik; dalam Kerajaan-Kerajaan Islam di Jawa:...(Baca)


76. Sejarah Sunan Ampel
    Sunan Ampel pada masa kecilnya bernama Raden Rahmat, dan diperkirakan lahir pada tahun 1401 di...(Baca)


77. Sejarah Sunan Gresik
    Sunan Gresik atau Maulana Malik Ibrahim (w. 1419 M/882 H) adalah nama salah seorang Walisongo, yang...(Baca)


78. Sejarah Sunan Kalijaga
    Dialah “wali” yang namanya paling banyak disebut masyarakat Jawa. Ia lahir sekitar tahun 1450...(Baca)


79. CANDI JIWA DIPERKIRAKAN LEBIH TUA DARI BOROBUDUR
    Karawang (SI) – Kompleks Candi Batujaya yang terletak di Desa Segaran,Kecamatan Batujaya,...(Baca)


80. SEJARAH PRABU SILIWANGI RADJA PAJAJARAN
    Menurut saya berdasarkan fakta dari buku sejarah dari mulai SD, SMP dan SMA hingga buku2 buhun yg...(Baca)


81. SILSILAH SYEH ABDUL MUHYI PAMIJAHAN
    (1650-1730)Abdul Muhyi, Syeikh Haji (Mataram, Lombok, 1071 H/1650 M-Pamijahan, Bantarkalong,...(Baca)


82. SILSILAH SUNAN GUNUNG JATI ( SYARIF HIDAYATULLOH )
    DI KOMPLEKS pemakaman Gunung Sembung, sering terlihat penziarah --perorangan atau rombongan--...(Baca)


83. History Of Sundanese And Galunggung Mountain
    If society recognize Arabia Mecca and Jerusalem as sacred territory, then in Tatar Sunda people...(Baca)


84. Kampung Naga Tasikmalaya
    Kampung Naga is a traditional village with a total area of approximately 4 ha. Location of Kampung...(Baca)


85. History Of Tasikmalaya City
    A Brief History of Tasikmalaya Beginning in the seventh century until the XII century in what is...(Baca)


86. RESEP GALATAMA
    11 RESEP RAMUAN KHUSUS UNTUK LOMBA MANCING IKAN MASBeberapa ramuan umpan ikan berikut ...(Baca)


87. Daftar Isi
    var numposts = 1000; var showpostdate = false; var showpostsummary = true; var numchars =...(Baca)


88. Daftar Isi Iklan Gratis
    var numposts = 1000; var showpostdate = false; var showpostsummary = false; var numchars =...(Baca)


89. 
    
    

>