Back To Top

Loading...

Apa pendapat anda dengan BLOG ini ?

Minggu, 05 Juni 2011

Cara Pasang Daftar Isi Otomatis Di Blogspot

Sebagai tindak lanjut dari posting sebelumnya dengan topik Cara Pasang Daftar Isi Manual di Blogspot, Saya telah menjanjikan akan memposting tentang Cara Pasang Daftar Isi Otomotis di Blogspot, maka dari itu postingan ini adalah sebagai bentuk pemenuhan janji tersebut.

Kali ini saya tidak akan menjelaskan mengenai fungsi dan cara kerja dari Daftar Isi Otomatis ini, karena sudah cukup dijelaskan pada tutorial Cara Pasang Daftar Isi Manual di Blogspot, oleh karena itu bagi Anda yang belum pernah membacanya silahkan kunjungi dulu tutorial tersebut, gratis koq.

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 klo saya memberikan contoh bentuk dari daftar isi otomatis tersebut, silahkan klik disini.

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: 200px; height: 100px; text-align: left;">
    <script src="http://fullmusic1975.fileave.com/daftarisiotomatis.js"><br /></script>
    <script src=" http://www.serba-tersedia.co.cc/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"><br /></script>
    </div>
  5. Klik Tombol Save/Simpan.

Keterangan :
* Link yang berwarna merah, silahkan diganti dengan alamat Blog Anda;
* Width: 200px; adalah merupakan lebar dari kotak daftar isi otomotis dan boleh anda sesuaikan;
* Height: 100px; adalah merupakan tinggi dari kotak daftar isi otomotis dan boleh anda sesuaikan.

Demikianlah tutorial Cara Pasang Daftar Isi Otomatis Di Blogspot ini, semoga bermanfaat.

0 komentar:

Poskan Komentar

Template Design by Free template