cara membuat daftar isi blog dengan script

cara membuat daftar isi blog dengan script

Diposting oleh Unknown

Membuat daftar isi blog   ini sudah pernah saya posting sebelumnya. Kalo sobat ingin melihatnya dapat dilihat disini   dan disini  .

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



Contohnya sebagai berikut :







Business  
  1. Bisnis Pay Per Click (PPC) Indonesia  
  2. Iklan PPC Indonesia  
  3. Sumber Dollar Dari Ask2link  
  4. Sumber Dollar dari Berjualan Link   - New !!
  5. Upload Dapat Dollar  
Download Driver  
  1. Axioo Drivers AX100  
  2. Axioo Drivers AX300  
  3. Axioo Drivers CMPC  
  4. Axioo Drivers Centaur ML  
  5. Axioo Drivers Centaur MLG  
  6. Axioo Drivers Centaur NL  
  7. Axioo Drivers Centaur NS  
  8. Axioo Drivers Centaur SL  
  9. Axioo Drivers Centaur SL 726  
  10. Axioo Drivers Centaur SL Pro  
  11. Axioo Drivers Centaur SS  
  12. Axioo Drivers Centaur SV  
  13. Cara Instal Driver Printer  
  14. Download Driver Toshiba Satelit U305 Untuk XP  
  15. Download Driver Toshiba Satellite Pro A100  
  16. Download Gratis Driver Acer 3260 Untuk XP  
  17. Download Gratis Driver Acer 3864 untuk XP  
  18. Download Gratis Driver Axioo untuk XP  
  19. Download Gratis Driver Fujitsu 6010  
  20. Download Gratis Driver Printer Canon  
  21. Download Gratis Driver Toshiba A65 Untuk XP  
  22. Download driver Acer Aspire 4330  
  23. Driver Acer 4315 untuk XP  
  24. Driver Acer Aspire 4315 untuk Windows XP  
  25. Driver Acer Aspire 4730z untuk XP  
  26. Driver XP Acer Aspire 4730z  
Driver Acer  
  1. Cara Instal PC Acer M1641  
  2. Download Driver Acer Aspire 5500z  
  3. Download Gratis Driver Acer 3260 Untuk XP  
  4. Download Gratis Driver Acer 3864 untuk XP  
  5. Download driver Acer Aspire 4330  
  6. Driver Acer 4315 untuk XP  
  7. Driver Acer Aspire 4315 untuk Windows XP  
  8. Driver Acer Aspire 4730z untuk XP  
  9. Driver XP Acer Aspire 4730z  
Driver Axioo  
  1. Axioo Drivers AX100  
  2. Axioo Drivers AX300  
  3. Axioo Drivers CMPC  
  4. Axioo Drivers Centaur ML  
  5. Axioo Drivers Centaur MLG  
  6. Axioo Drivers Centaur NL  
  7. Axioo Drivers Centaur NS  
  8. Axioo Drivers Centaur SL  
  9. Axioo Drivers Centaur SL 726  
  10. Axioo Drivers Centaur SL Pro  
  11. Axioo Drivers Centaur SS  
  12. Axioo Drivers Centaur SV  
  13. Download Gratis Driver Axioo untuk XP  
Info Berita  
  1. Anti Virus  
  2. Antivirus Terbaik Tahun 2008  
  3. Daftar Alamat Google Web Search  
  4. Google Toolbar 6 Beta hadir untuk Internet Explorer  
  5. Internet Explorer 8  
  6. Jadi Hacker, Remaja Dipecat Perusahaan  
  7. Jutaan Virus Telanjangi Komputer  
  8. Ketika Komputer Diserang Virus  
  9. Mengenal Tipuan E-Mail Phising  
  10. PENGADAAN CPNS DEPTAN TAHUN 2009  
  11. PENGUMUMAN PENERIMAAN PNS DEP PEKERJAAN UMUM 2009  
  12. Pengumuman Penerimaan CPNS Dep Kehutanan 2009  
  13. Pengumuman Penerimaan CPNS Departemen Pertanahan 2009  
  14. SEJARAH KOMPUTER  
  15. Sejarah Internet  
  16. Sejarah Komputer, Intel Processor  
  17. Serangan Mematikan Kido  
  18. Waspada terhadap virus di komputer anda  
Kontes SEO  
  1. Festival Museum Nusantara  
  2. Info Festival Museum Nusantara  
  3. Kampanye Damai Pemilu Indonesia 2009  
  4. Kontes SEO Aristia Wida rukmi  
  5. Mbah Gendeng  
  6. Multiple search engine popular   - New !!
  7. nowgoogle.com adalah multiple search engine popular   - New !!
Lowongan Kerja  
  1. Hasil Test Administrasi Bank Nagari  
  2. Lowongan Kerja Bank Nagari  
  3. PENGADAAN CPNS DEPTAN TAHUN 2009  
  4. PENGUMUMAN PENERIMAAN PNS DEP PEKERJAAN UMUM 2009  
  5. Pengumuman Penerimaan CPNS Dep Kehutanan 2009  
  6. Pengumuman Penerimaan CPNS Departemen Pertanahan 2009  
Networking  
  1. Informasi DNS Server, IP address dan getway  
  2. LAN (Local Area Network) For Beginners  
  3. Mengenal Perintah DOS Untuk Jaringan  
  4. Menjebol Password Network Neighborhood
  5. Remote Administrator
  6. Remote Administrator
  7. The DNS server, IP address and getway
  8. Tutorial LAN (Lokal Area Network) Untuk Pemula
Password
  1. ELIMINATE THE BIOS PASSWORD
  2. MEMBUKA PASSWORD XP
  3. MENGHILANGKAN PASWORD BIOS
  4. Membuka Password Excel dan Word
  5. Mengganti Password Administrator Windows Xp
  6. Menjebol Password Network Neighborhood
  7. Merubah Password Windows Xp lewat Command
  8. OPENING XP PASSWORD
  9. Password open Excel and Word
  10. Recovery password RAR
Tip SEO
  1. Apakah ini seperti Rahma Azhari, Luna Maya atau Sarah Azhari?
  2. Daftar Blog Dofollow - Dofollow Blog Lists - New !!
  3. Judul Blog Menjadi Judul Postingan
  4. Memperbaiki Sitemap Eror
  5. SEO : Mendaftar di Yahoo Sitemap
  6. SEO : Setting Google Sitemap
Tips Blog
  1. Alexa Rank
  2. Berapa Berat Blog Anda?
  3. Bisnis Pay Per Click (PPC) Indonesia
  4. Cara Cepat Menaikkan Alexa Rank
  5. Cara Cepat Menaikkan Trafik Alexa
  6. Cara Daftar Search Engine
  7. Cara Membuat Daftar Isi Blog - New !!
  8. Cara Membuat Daftar isi secara manual
  9. Cara Membuat Label di Blogspot
  10. Cara Membuat Shout Box
  11. Cara Membuat Website di 000webhost
  12. Cara mendaftar di feedburner.com
  13. Daftar Blog Dofollow - Dofollow Blog Lists - New !!
  14. Dofollow Blog dan Nofollow Blog - New !!
  15. How To Make Your Blog Load Faster
  16. How To Setting Your Blog - New !!
  17. Iklan PPC Indonesia
  18. Istilah dalam AdSense
  19. Keuntungan dan Kerugian Dofollow Blog - New !!
  20. Melihat Popularita Blog/Web Anda
  21. Membuat Link Post Terakhir
  22. Membuat Daftar isi blog Secara otomatis
  23. Membuat Kode HTML Tampil Di Postingan
  24. Membuat Link Dengan Halaman baru
  25. Membuat Menu Halaman Menggunakan Fungsi Scroll
  26. Membuat Scroll Down Untuk Related Post
  27. Memperbaiki Sitemap Eror
  28. Meningkatkan trafik Alexa
  29. Page Rank
  30. Setting Kotak Komentar Pada Blogspot
  31. Sumber Dollar Dari Ask2link
  32. Sumber Dollar dari Berjualan Link - New !!
  33. Tips Meningkatkan Ranking Alexa dan Rahasia menjadi Blogger Sukses
  34. Trik tips naikin alexarank
Tips Internet
  1. Alexa Rank
  2. Cara Daftar Search Engine
  3. Cara Membuat Website di 000webhost
  4. Download gambar, foto, 3gp, mpeg, film, video bokep, cewek, cerita 17 tahun, telanjang, hot, bugil, panas, gratis
  5. How to repair "error loading feed data" in Joomla 1.5 - New !!
  6. Istilah Internet
  7. Istilah dalam AdSense
  8. Kamus Istilah Internet
  9. Kamus Istilah Internet (Bag 2)
  10. Media Promosi di Internet
  11. Mengenal Tipuan E-Mail Phising
  12. Of CGI And Java Scripts - New !!
  13. Sejarah Internet
  14. Upload Dapat Dollar
Tips Komputer
  1. Accelerating Work PC
  2. Cara Instal PC Acer M1641
  3. Cara Instal Driver Printer
  4. Convert video file formats
  5. Download Driver Acer Aspire 5500z
  6. Informasi DNS Server, IP address dan getway
  7. Istilah Internet
  8. Kamus Istilah Internet
  9. Kamus Istilah Internet (Bag 2)
  10. Ketika Komputer Diserang Virus
  11. LAN (Local Area Network) For Beginners
  12. MEMBUKA PASSWORD XP
  13. MENGHILANGKAN PASWORD BIOS
  14. Melihat Spesifikasi Komputer
  15. Membuka Password Excel dan Word
  16. Mempercepat Kerja PC
  17. Mencari Data Yang Hilang
  18. Mencari Data Yang Hilang untuk FAT
  19. Mengembalikan file yang ter-hidden (ATTRIB)
  20. Mengenal Perintah DOS Untuk Jaringan
  21. Mengganti Password Administrator Windows Xp
  22. Mengkonversi format file video
  23. Merubah Password Windows Xp lewat Command
  24. Of CGI And Java Scripts - New !!
  25. Recovery password RAR
  26. Remote Administrator
  27. Remote Administrator
  28. Restore the file with hidden (attrib)
  29. SEJARAH KOMPUTER
  30. Sejarah Komputer, Intel Processor
  31. The DNS server, IP address and getway
  32. Tips Menggabungkan Master Windows XP Dengan File lain
  33. Tutorial LAN (Lokal Area Network) Untuk Pemula
Tips Trik Blogspot
  1. Apakah ini seperti Rahma Azhari, Luna Maya atau Sarah Azhari?
  2. Berapa Berat Blog Anda?
  3. Cara Cepat Menaikkan Alexa Rank
  4. Cara Cepat Menaikkan Trafik Alexa
  5. Cara Membuat Daftar Isi Blog - New !!
  6. Cara Membuat Daftar isi secara manual
  7. Cara Membuat Label di Blogspot
  8. Cara Membuat Shout Box
  9. Cara mendaftar di feedburner.com
  10. How To Make Your Blog Load Faster
  11. How To Setting Your Blog - New !!
  12. Judul Blog Menjadi Judul Postingan
  13. Keuntungan dan Kerugian Dofollow Blog - New !!
  14. Melihat Popularita Blog/Web Anda
  15. Membuat Link Post Terakhir
  16. Membuat Daftar isi blog Secara otomatis
  17. Membuat Kode HTML Tampil Di Postingan
  18. Membuat Link Dengan Halaman baru
  19. Membuat Menu Halaman Menggunakan Fungsi Scroll
  20. Membuat Scroll Down Untuk Related Post
  21. Meningkatkan trafik Alexa
  22. Page Rank
  23. SEO : Mendaftar di Yahoo Sitemap
  24. SEO : Setting Google Sitemap
  25. Setting Kotak Komentar Pada Blogspot
  26. Tips Meningkatkan Ranking Alexa dan Rahasia menjadi Blogger Sukses
  27. Trik tips naikin alexarank
Uncategorized
  1. All About Computer
  2. Daftar Alamat Google Web Search
  3. Daftar Isi
  4. LINK EXCHANGE
  5. Postingan di Akhir Tahun 2009
Tips Blog




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://namablog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
    </div>


namablog.blogspot.com : ganti dengan alamat blog sobat

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

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


6. Kemudian save dan letakkan sesuai dengan keinginan sobat.


Kemudian cara kedua saya akan bahas Daftar isi yang akan ditampilkan pada satu halaman penuh

Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih New post
3. Pilih Edit HTML pada kanan atas halaman tersebut
4. Beri Judul postingan tersebut dengan Daftar Isi, atau judul apapun sesuai keinginan sobat.
5. Copy paste script berikut ini :



  • <script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://alamatblog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
http://alamatblog.blogspot.com : Ganti dengan alamat blog sobat

6. Klik Publish Post

Jadi deh, hasilnya atau sebagai contih dapat dilihat disini
 
sumber:
http://barajakom.blogspot.com/2010/04/cara-membuat-daftar-isi-blog.html
Posted by: Novendi Rihsan

{ 0 komentar... read them below or add one }

Posting Komentar