Membuat: Daftar Isi Blog Dengan Kombinasi Script

Sebenarnya trik ini sudah banyak di posting oleh para blogger khususnya di Indonesia. Tampilan daftar isi yang dibuat oleh Abu Farhan (blogger terkenal dari Indonesia) sangat digemari oleh kebanyakan para blogger.
Posting ini saya buat karena ada teman blogger yang bertanya bagaimana cara membuatnya. Untuk demo (contoh ketika membuat posting ini), silahkan klik daftar isi congcot.
Nah, sekarang kita akan membuatnya dengan sedikit berbeda dalam CSS dibanding milik Abu Farhan, Saya tidak berani mengubah kode Java Scriptnya, karena Abu Farhan sendiri melarangnya. Jadi karena congcot suka sekali warna hijau, maka warna yang digunakan identik dengan warna hijau.

Keunggulan...
Bermacam-macam kelebihan tampilan daftar isi ini sangat banyak, diantaranya:

• 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

Itulah sebagian keunggulan pembuatan daftar isi menggunakan metode ini

Kendala...
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 mudah-mudahan dengan metode langkah demi langkah yang diberikan oleh congcot, dapat membuat anda sukses dalam pembuatan daftar isi blog.

Langkah...
Ikutilah langkah demi langkah dengan cermat.

1. Masuk ke www.blogger.com dengan account anda
2. Pilih Entri Baru
   
   
   
3. Masukan Judul sesuai selera anda
4. Klik Edit HTML (biasanya ketika membuka halaman posting baru, jendela berada di mode Compose, sekarang kita gunakan mode Edit HTML)
   
   
   
5. Masukan kode dibawah ini di area posting
<link href="http://sites.google.com/site/congcot/kode-1/CCcss1.css" media="screen" rel="stylesheet" type="text/css"></link> <script src="http://sites.google.com/site/congcot/kode-1/CCjs1.js"> </script> <script src="http://www.congcot.co.cc/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="http://sites.google.com/site/congcot/kode-1/CCjs2.js" type="text/javascript"> </script>
Keterangan: ganti huruf yang bercetak tebal (www.congcot.co.cc) dengan nama domain blog anda.
6. Abaikan jika ada Pesan Error (ada instruksi dibawah). Sampai sini juga sudah berhasil, tapi...
7. 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)

8. Pilih Terbitkan Entri. Nah, jika ada pesan error seperti dibawah ini, ceklist berhenti menampilkan galat HTML

9. Selesai.

Sekian trik posting kali ini, mudah-mudahan bermanfaat dan sukses untuk di praktekan.

Intinya...
Daftar isi merupakan faktor penting menurut saya. Karena dengan daftar isi, posting lama yang sulit dikunjungi pengunjung akan tampil dan tidak menutup kemungkinan akan dikunjungi oleh pembaca blog anda. Kegagalan dalam pembuatan sesuatu bukan sumber putus asa, tapi justru itu adalah awal dari kesuksesan. Kita harus yakin akan sukses. Semangat !.

Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.