Cara Membuat Daftar Isi Blog Dengan Kombinasi Script

Viyan Pradita Kamis, September 02, 2010

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.


Ditulis Oleh :

Artikel Cara Membuat Daftar Isi Blog Dengan Kombinasi Script ini dipublish pada hari: Kamis, September 02, 2010. Semoga artikel ini bermanfaat untuk Anda. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.

7 komentar
Terjun Ke Kolom Komentar

  1. makasih banyak buat infonya, ini yang saya cari2 ya :-)

    BalasHapus
  2. terima kasih infonya. cukup bermanfaat

    BalasHapus
  3. Ni dah yang aku butuhin, thank men ... !

    http://komputer-fix.blogspot.com/p/daftar-isi.html

    BalasHapus
  4. @erix : Uyeee... Sama2 Sob :)

    BalasHapus
  5. ad tulisan gini "HTML Anda tidak bisa diterima: Tag tidak dibolehkan: LINK"

    BalasHapus
  6. @Asmara: Dibaca lagi sob, pd entri no7 :)

    BalasHapus

Catatan:
Link hidup dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS DI SINI...</i>


web design blogs Bloggers - Meet Millions of Bloggers