Cara Membuat Daftar Isi Blog Dengan Kombinasi Script

Lanjut lagi Sob.. setelah saya share beberapa cara membuat daftar isi, diantaranya, cara membuat daftar isi dalam artikel blogspot (lihat) dan cara membuat daftar isi dengan tambahan tanggal dan bulan posting (lihat). kali ini saya akan share lagi cara membuat daftar isi tapi dengan cara dan tampilan yang berbeda, dan pastinya tampilannya juga lebih menarik. ini salah satu daftar isi yang paling saya suka. hehee

Nah.. kali ini saya akan menambahkan lagi koleksi cara membuat daftar isi baru, yaitu Cara Membuat Daftar Isi Blog Dengan Kombinasi Script. yang ingin melihatnya bisa klick Daftar Isi Kode Blogger

Lihat Gambar

Sebelum membuatnya saya ulas sedikit kelebihan dan kekurangan dari daftar isi ini
Kelebihannya :

• Terdiri dari judul dan isinya
• Judul diambil dari label atau kategori blog kita
• Ketika mulai membuka hanya satu judul yang menampilkan isi
• Isi tiap baris berbeda warna
• Posting yang terbaru akan ada tulisan new di akhir kalimat
• Jika judul yang satu di klik, maka judul yang lain akan sembunyi

Kelemahan :

• Terkadanag masih ada blogger yang kurang beruntung dalam pembuatan daftar isi ini, bisa dibilang tidak sukses. Saya juga merasakan ketika ada pesan error yang membuat sedikit pusing dan merasa kurang beruntung. Tapi mari kita coba langkah demi langkah, dan mudah-mudahan temen-temen bisa sukses juga dalam oembuatan daftar isi ini.

Ikuti langkah-langkah berikut :

1. Login ke blogger sobat

2. Pilih Entri Baru

3. Masukan judul sesuai dengan keinginan sobat

4. Klik Edit HTML (biasanya ketika membuka halaman posting baru, jendela berada di mode Compose, nah.. sekarang kita gunakan yang mode Edit HTML)

5. Kemudian masukan kode di bawah ini ke area posting sobat :

<link href="http://sites.google.com/site/congcot/kode-1/CCcss1.css" media="screen" rel="stylesheet" type="text/css"></link> <script src="https://sites.google.com/site/kodeblogger/javascript/CCjs1.js"> </script> <script src="http://kode-blogger.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"> </script> <script type="text/javascript"> var accToc=true; </script> <script src="https://sites.google.com/site/kodeblogger/javascript/CCjs2.js" type="text/javascript"> </script>

Keterangan :
Gantilah kode yang bercetak warna biru (http://kode-blogger.blogspot.com) dengan domain blog sobat.

6. Jika ada pesan error abaikan saja, dan Jika ingin posting ini tidak tampil dihalaman depan, klik Post Options, dalam Post tanggal dan waktu, pilih Dijadwalkan pada: isi tanggal dan waktu yang sudah berlalu, (seminggu yang lalu, atau sebulan yang lalu, atau setahun yang lalu juga bisa, terserah sobat saja)

7. Pilih Terbitkan Entri. Nah, jika ada pesan error seperti gambar dibawah ini, klick ceklist pada berhenti menampilkan galat HTML

Lihat Gambar

8. Selesai.

JavaScript By : Kode-Blogger

Selamat mencobanya, semoga berhasil ! Salam blogger.