Cara Membuat Daftar Isi 2

Sebelumnya sudah banyak yang saya bahas dan bagikan mengenai Daftar Isi yang pada umumnya berupa Slide / Animasi :y; sekarang untuk melengkapi Daftar Isi Blog  akan saya bagikan pada kawan cara membuat Daftar Isi yang sederhana alias tanpa berisi Animasi [tidak bergerak] 
Kalau dilihat dari modelnya secara garis besarnya ada 2 macam : yaitu manual dan otomatis, yang keduanya bisa kita poles supaya kelihatan lebih menarik misalnya ditambahkan background color, border dan lain sebagainya :q; Cuma secara global kelebihan dan kekurangannya sebagai berikut :  

• Untuk yang manual punya Kekurangan yaitu kita setiap posting baru harus menambahkan, yang secara tak langsung ini merupakan kelebihannya karena kadang-kadang kita tak ingin menampilkan postingan kita pada Daftar Isi [kita bisa memilah-milah atau memilih yang akan kita tampilkan]
• Untuk yang otomatis sermua Artikel / postingan akan ditampilkan tanpa kecuali

Baiklah sekarang kita bahas satu persatu yaitu dari yang manual.
Cara membuatnya sebagai berikut :

• Seperti biasa masuk ke Account Blogger dengan ID kawan.
• Pada Dasbor pilih Tata Letak – Tambah Gadget
• Pilih tanda tambah pada HTML / Javascript
• Copas (copy-paste) script berikut kedalamnya

<div align="top">
<span class="Apple-style-span" style="color: yellow; font-size: 16px; font-weight: normal;"><b><blink>DAFTAR ISI BBC</blink></b></span>
<div style="-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #369; height: 160px; overflow: auto; padding-left: 20px; width: 400px;background-color:#95caff;">
<ol>
<li><a href="http://blogbego-creation.blogspot.com/2013/04/cara-membuat-navbar-menu-menggulung.html">Cara Membuat Navbar Menu Menggulung</a></li>
<li><a href="http://blogbego-creation.blogspot.com/2013/04/cara-membuat-tidak-bisa-klik-kanan.htmll">Cara Membuat Tidak Bisa Klik Kanan</a></li>
<li><a href="http://blogbego-creation.blogspot.com/2013/04/cara-membuat-tulisan-peringatan-klik.html">Cara Membuat Tulisan Peringatan Klik kanan</a></li>
<li><a href="http://blogbego-creation.blogspot.com/2013/04/cara-memperbesar-image-di-postingan.html">Cara Memperbesar Image di postingan</a></li>
<li><a href="http://blogbego-creation.blogspot.com/2013/04/cara-membuat-image-berputar.html">Cara Membuat Image Berputar</a></li>
<li><a href="http://blogbego-creation.blogspot.com/2013/03/cara-modifikasi-populer-post-default.html">Cara Modifikasi Populer Post</a></li>
</ol>
</div></div>

 

 
Hasilnya sebagai berikut :

1. Cara Membuat Navbar Menu Menggulung
2. Cara Membuat Tidak Bisa Klik Kanan
3. Cara Membuat Tulisan Peringatan Klik kanan
4. Cara Memperbesar Image di postingan
5. Cara Membuat Image Berputar
6. Cara Modifikasi Populer Post

 

• Silahkan kawan ganti semua URL / Link Blog saya dengan URL / Link Blog kawan

Kalau yang secara otomatis berikut ada tulisan News :
Daftar Isi berikut diciptakan oleh Blogger senior (http://www.abu-farhan.com)

<script src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js">
</script>
<script src="http://blogbego-creation.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

Hasilnya sebagai berikut :
BLOGBEGO CREATION

 
Author

1. About me [Putu BlogBego]

Blogger

1. Cara Follow Blog dari Dasbor
2. Cara Membuat Tulisan Peringatan Klik Kanan - New !!
3. Cara Menghapus Follower Blog
4. Cara Menghapus Pengikut Blog......
5. Ngeblog...... Mau cari apa ?!

Komentar

1. Cara Membuat Kumpulan Komentar Bag-II
2. Cara Membuat Kumpulan Komentar Bag-III
3. Cara Membuat Kumpulan Komentar Plus Avatar
4. Cara Membuat Kumpulan Komentar berisi Avatar
5. Cara Membuat Rekapitulasi Komentar
6. Cara Memodifikasi Thread Comment
7. Cara Menampilkan Komentar FB di Blog
8. Cara Menampilkan Thread Comment di Blogspot
9. Komentar Blogger Default berisi Reply Plus Iklan
10. Komentar FB dan Blog Gaya Buka-Tutup
11. Komentar untuk dapatkan BackLink - New !!
12. Melacak IP Anonymous dengan StatCounter
13. Membuat Kumpulan Komentar Blog Bag-I
14. Membuat Kumpulan Komentar Gravatar tanpa Admin
15. Mengatasi Masalah Iklan di Kanan Komentar
16. Tampilkan Iklan diatas Komentar Blog
17. Tampilkan Iklan diatas Thread Comment
18. Tampilkan Iklan disamping Kanan Komentar
19. Tampilkan Iklan disamping Thread Comment

Kreasi

1. Akhirnya Foto Profil Tampil juga di G+
2. Artikel Terkait Gaya Blogbego
3. Blogger Template Kreasi BB.1
4. Blogger Template Kreasi BB.2 Gratis
5. Blogger Template Kreasi Kolom Gratis
6. Blogger Template Main Kolom 21 / Thread Gratis
7. Buat Slide dengan PhotoScape Free
8. Cara Lain Membuat Elemen Sembunyi disisi Kanan
9. Cara Membagi Halaman Posting di Home Page
10. Cara Membuat Animasi Page-Loading
11. Cara Membuat Artikel Terkait dibawah Postingan
12. Cara Membuat Avatar Komentar Berputar
13. Cara Membuat Avatar Komentar Tampil Miring
14. Cara Membuat Contact Us di Docs Google - New !!
15. Cara Membuat Daftar Isi Blog
16. Cara Membuat Daftar Isi Plus Komentar
17. Cara Membuat Elemen Sembunyi di-Sisi Kanan
18. Cara Membuat Elemen Sembunyi di-Sisi Kiri
19. Cara Membuat Halaman Navigasi
20. Cara Membuat Image Berputar - New !!
21. Cara Membuat Label Berputar
22. Cara Membuat Navbar Menu Bertingkat
23. Cara Membuat Navbar Menu Bertingkat ke2
24. Cara Membuat Pojok Blog Menggulung
25. Cara Membuat Posting dan Sidebar tukar tempat
26. Cara Membuat Random Post
27. Cara Membuat Random Post Plus Summary
28. Cara Membuat Share Button Melayang
29. Cara Membuat Spoiler
30. Cara Membuat Spoiler Bertingkat
31. Cara Membuat Tab Menu Melayang
32. Cara Membuat Tab Menu di Blog
33. Cara Membuat Tab Menu pada Gadget
34. Cara Membuat Total Post dan Total Komentar
35. Cara Membuat Tulisan Berjalan di Sidebar
36. Cara Membuat Tulisan Peringatan Klik Kanan - New !!
37. Cara Membuat tidak bisa Klik Kanan - New !!
38. Cara Membuat tidak diperkenankan Klik Kanan
39. Cara Memilah untuk ditampilkan
40. Cara Memodifikasi Thread Comment
41. Cara Memperbesar Image di Postingan - New !!
42. Cara Menampilkan Komentar FB di Blog
43. Cara Menampilkan Thread Comment di Blogspot
44. Cara Meng-Edit PagePeel
45. Cara Mengganti Header dengan Animasi
46. Cara Menghilangkan Tulisan Tampilkan Posting.....
47. Cara Mengikutkan Link pada Artikel di Copas
48. Cara Modifikasi Populer Post Default - New !!
49. Cara Pasang Nomor Halaman Navigasi
50. Cara Pasang Tombol Berbagi Plus Pinterest
51. Cara membuat Artikel Terkait Lainnya
52. Cara membuat Elemen Box Melayang
53. Cara membuat Readmore Otomatis
54. Contact Us
55. Daftar Isi BBC Gaya punya
56. Gratis Blogger Template Main Kolom
57. Gratis Blogger Template Main Kolom 32
58. Komentar Blogger Default berisi Reply Plus Iklan
59. Komentar FB dan Blog Gaya Buka-Tutup
60. Komentar untuk dapatkan BackLink - New !!
61. Masalah dan Solusi Membagi Halaman
62. Mengatasi Masalah Iklan di Kanan Komentar
63. Mengganti Image di Home Page dengan.....
64. Navbar Auto-Hidden disisi kanan
65. Ngeblog...... Mau cari apa ?!
66. Postingan dengan Warna Latar Berbeda-beda
67. Site Map BlogBego Creation
68. Slide Daftar Isi
69. Slide Daftar Isi Blog
70. Slide Daftar Isi Lainnya
71. Slide Daftar Isi ke- 2
72. Slide sebagai Background Blog
73. Tambahkan Emoticon pada Blog
74. Tambahkan Kalender pada Blog
75. Tampilkan Artikel berdasarkan Katagori
76. Tampilkan Iklan diatas Komentar Blog
77. Tampilkan Iklan diatas Thread Comment
78. Tampilkan Iklan disamping Kanan Komentar
79. Tampilkan Iklan disamping Thread Comment
80. Tampilkan Image Author di Pencarian G+
81. Tampilkan Judul saja dari Katagori

Template

1. Blogger Template Kreasi BB.1
2. Blogger Template Kreasi BB.2 Gratis
3. Blogger Template Kreasi Kolom Gratis
4. Blogger Template Main Kolom 21 / Thread Gratis
5. Gratis Blogger Template Main Kolom
6. Gratis Blogger Template Main Kolom 32
7. Gratis Template ChromeGT

animasi

1. Buat Slide dengan PhotoScape Free
2. Cara Membuat Animasi Page-Loading
3. Cara Membuat Image Berputar - New !!
4. Cara Membuat Label Berputar
5. Cara Membuat Label Berputar Bag. II
6. Cara Mengganti Header dengan Animasi
7. Daftar Isi Plus Komentar Berjalan
8. Slide Carousel untuk Daftar Isi
9. Slide Daftar Isi
10. Slide Daftar Isi Lainnya
11. Slide Daftar Isi Plus Summary
12. Slide Daftar Isi ke- 2
13. Slide sebagai Background Blog
14. Tambahkan Emoticon pada Blog

blog

1. Cara Membuat Hosting Gratis di Blogspot - New !!
2. Cara Membuat Posting dan Sidebar tukar tempat
3. Cara Membuat tidak bisa Klik Kanan - New !!
4. Cara Memilah untuk ditampilkan
5. Cara Modifikasi Populer Post Default - New !!
6. Cek Loading Blog di Berbagai Negara
7. Contact Us

link

1. Cara Membuat Daftar Isi - New !!

slide

1. Slide Daftar Isi Blog

software

1. Buat Slide dengan PhotoScape Free
2. Cek Loading Blog di Berbagai Negara
3. Melacak IP Anonymous dengan StatCounter

tips trik

1. Akhirnya Foto Profil Tampil juga di G+
2. Artikel Terkait Gaya Blogbego
3. Buat Slide dengan PhotoScape Free
4. Cara Follow Blog dari Dasbor
5. Cara Lain Membuat Elemen Sembunyi disisi Kanan
6. Cara Membuat Animasi Page-Loading
7. Cara Membuat Artikel Terkait dibawah Postingan
8. Cara Membuat Avatar Komentar Berputar
9. Cara Membuat Avatar Komentar Tampil Miring
10. Cara Membuat Contact Us di Docs Google - New !!
11. Cara Membuat Daftar Isi - New !!
12. Cara Membuat Daftar Isi Blog
13. Cara Membuat Daftar Isi Plus Komentar
14. Cara Membuat Elemen Sembunyi di-Sisi Kanan
15. Cara Membuat Elemen Sembunyi di-Sisi Kiri
16. Cara Membuat Halaman Navigasi
17. Cara Membuat Hosting Gratis di Blogspot - New !!
18. Cara Membuat Image Berputar - New !!
19. Cara Membuat Kumpulan Komentar Bag-II
20. Cara Membuat Kumpulan Komentar Bag-III
21. Cara Membuat Kumpulan Komentar Plus Avatar
22. Cara Membuat Kumpulan Komentar berisi Avatar
23. Cara Membuat Label Berputar
24. Cara Membuat Label Berputar Bag. II
25. Cara Membuat Navbar Menu Bertingkat
26. Cara Membuat Navbar Menu Bertingkat ke2
27. Cara Membuat Navbar Menu Menggulung - New !!
28. Cara Membuat Posting dan Sidebar tukar tempat
29. Cara Membuat Rekapitulasi Komentar
30. Cara Membuat Spoiler
31. Cara Membuat Spoiler Bertingkat
32. Cara Membuat Tab Menu Melayang
33. Cara Membuat Total Post dan Total Komentar
34. Cara Membuat Tulisan Berjalan di Sidebar
35. Cara Membuat Tulisan Peringatan Klik Kanan - New !!
36. Cara Membuat tidak bisa Klik Kanan - New !!
37. Cara Membuat tidak diperkenankan Klik Kanan
38. Cara Memilah untuk ditampilkan
39. Cara Memperbesar Image di Postingan - New !!
40. Cara Menampilkan Thread Comment di Blogspot
41. Cara Menghapus Follower Blog
42. Cara Menghapus Pengikut Blog......
43. Cara Menghilangkan Tulisan Tampilkan Posting.....
44. Cara Mengikutkan Link pada Artikel di Copas
45. Cara Modifikasi Populer Post Default - New !!
46. Cara membuat Artikel Terkait Lainnya
47. Cara membuat Elemen Box Melayang
48. Cara membuat Readmore Otomatis
49. Cek Loading Blog di Berbagai Negara
50. Daftar Isi Plus Komentar Berjalan
51. Komentar untuk dapatkan BackLink - New !!
52. Melacak IP Anonymous dengan StatCounter
53. Membuat Kumpulan Komentar Blog Bag-I
54. Membuat Kumpulan Komentar Gravatar tanpa Admin
55. Navbar Auto-Hidden disisi kanan
56. Ngeblog...... Mau cari apa ?!
57. Postingan dengan Warna Latar Berbeda-beda
58. Slide Carousel untuk Daftar Isi
59. Slide Daftar Isi
60. Slide Daftar Isi Blog
61. Slide Daftar Isi Lainnya
62. Slide Daftar Isi Plus Summary
63. Slide Daftar Isi ke- 2
64. Slide sebagai Background Blog
65. Tambahkan Emoticon pada Blog
66. Tambahkan Kalender pada Blog
67. Tampilkan Artikel berdasarkan Katagori
68. Tampilkan Image Author di Pencarian G+
69. Tampilkan Rating Bintang di Blog
70. Tampilkan TimeLines Twitter di Blog

tutorial

1. Cara Membagi Halaman Posting di Home Page
2. Cara Membuat Pojok Blog Menggulung
3. Cara Membuat Random Post
4. Cara Membuat Random Post Plus Summary
5. Cara Membuat Share Button Melayang
6. Cara Membuat Tab Menu di Blog
7. Cara Membuat Tab Menu pada Gadget
8. Cara Memodifikasi Thread Comment
9. Cara Memperbesar Image di Postingan - New !!
10. Cara Menampilkan Komentar FB di Blog
11. Cara Meng-Edit PagePeel
12. Cara Pasang Nomor Halaman Navigasi
13. Cara Pasang Tombol Berbagi Plus Pinterest
14. Komentar Blogger Default berisi Reply Plus Iklan
15. Komentar FB dan Blog Gaya Buka-Tutup
16. Masalah dan Solusi Membagi Halaman
17. Mengatasi Masalah Iklan di Kanan Komentar
18. Mengganti Image di Home Page dengan.....
19. Tampilkan Iklan diatas Komentar Blog
20. Tampilkan Iklan diatas Thread Comment
21. Tampilkan Iklan disamping Kanan Komentar
22. Tampilkan Iklan disamping Thread Comment
23. Tampilkan Judul saja dari Katagori

widget

1. Cara Follow Blog dari Dasbor
2. Cara Lain Membuat Elemen Sembunyi disisi Kanan
3. Cara Membuat Avatar Komentar Berputar
4. Cara Membuat Contact Us di Docs Google - New !!
5. Cara Membuat Daftar Isi - New !!
6. Cara Membuat Daftar Isi Blog
7. Cara Membuat Daftar Isi Plus Komentar
8. Cara Membuat Elemen Sembunyi di-Sisi Kanan
9. Cara Membuat Elemen Sembunyi di-Sisi Kiri
10. Cara Membuat Kumpulan Komentar Bag-II
11. Cara Membuat Kumpulan Komentar Bag-III
12. Cara Membuat Kumpulan Komentar Plus Avatar
13. Cara Membuat Kumpulan Komentar berisi Avatar
14. Cara Membuat Label Berputar Bag. II
15. Cara Membuat Navbar Menu Menggulung - New !!
16. Cara Membuat Random Post
17. Cara Membuat Random Post Plus Summary
18. Cara Membuat Rekapitulasi Komentar
19. Cara Membuat Share Button Melayang
20. Cara Membuat Spoiler
21. Cara Membuat Spoiler Bertingkat
22. Cara Membuat Tab Menu Melayang
23. Cara Membuat Tab Menu di Blog
24. Cara Membuat Tab Menu pada Gadget
25. Cara Membuat Total Post dan Total Komentar
26. Cara Membuat Tulisan Berjalan di Sidebar
27. Cara Membuat Tulisan Peringatan Klik Kanan - New !!
28. Cara Membuat tidak diperkenankan Klik Kanan
29. Cara Menghapus Follower Blog
30. Cara Menghapus Pengikut Blog......
31. Daftar Isi BBC Gaya punya
32. Daftar Isi Plus Komentar Berjalan
33. Membuat Kumpulan Komentar Blog Bag-I
34. Membuat Kumpulan Komentar Gravatar tanpa Admin
35. Site Map BlogBego Creation
36. Slide Carousel untuk Daftar Isi
37. Slide Daftar Isi
38. Slide Daftar Isi Lainnya
39. Slide Daftar Isi Plus Summary
40. Slide Daftar Isi ke- 2
41. Tambahkan Kalender pada Blog
42. Tampilkan Artikel berdasarkan Katagori
43. Tampilkan TimeLines Twitter di Blog

Widget by Abu Farhan



Ganti semua link atau Nama Blog saya (http://blogbego-creation.blogspot.com) dengan link atau Nama Blog anda.