Headlines News :
Home » » Membuat Daftar isi Otomatis Pada Blog

Membuat Daftar isi Otomatis Pada Blog

Written By Dede Diagram on Thursday, May 31, 2012 | 9:56 PM


Daftar isi adalah pada blog berguna untuk mengarahkan pengunjung memilih sendiri artikel yang akan dibaca, selain itu juga bisa dimanfaatkan untuk menghiasi tampilan blog agar terkesan lebih profesional.
Cara pemasangan daftar isi manual dan daftar isi otomatis tidak berbeda, yang membedakan hanya kode-kode yang digunakan dan cara kerjanya saja, namun tidak salahnya kalau saya memberikan contoh bentuk dari daftar isi otomatis tersebut.


Berikut ini cara membuat dan memasang daftar isi otomatis, silahkan ikuti dengan cermat dan seksama langkah-langkah di bawah ini:
  1. Login ke Blogger, Klik Layout/Tata Letak;

  2. Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan;

  3. Cari dan pilih HTML/Javascript;

  4. Copy paste kode di bawah ini ke dalam content yang telah tersedia, berikut ini kodenya :
    <div style="overflow: auto; width: 300px; height: 200px; text-align: left;">

    <script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>

    <script src="http://www.diagramband.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

  5. Klik Tombol Save/Simpan.



Keterangan :

  • Link yang berwarna merah, silahkan diganti dengan alamat Blog Anda;

  • Width: 300px; adalah merupakan lebar dari kotak daftar isi otomotis dan boleh anda sesuaikan;

  • Height: 200px; adalah merupakan tinggi dari kotak daftar isi otomotis dan boleh anda sesuaikan.

Demikianlah tutorial Membuat Daftar Isi Otomatis Di Blogspot ini, semoga bermanfaat.
Share this article :

2 comments:

 
Copyright © 2011. Diagram Band - All Rights Reserved