LANGKAH-LANGKAH MEMBUAT DAFTAR ISI

Posted by Sonin Selasa, 08 Januari 2013 0 komentar

CARA MEMBUAT DAFTAR ISI OTOMATIS

Banyak sekali teman-teman bertanya bagaimana cara membuat daftar Isi otomatis pada blog, agar ketika postingan sudah banyak, maka para pengunjung mudah mencari artikel-artikel yang sudah lama kita posting. Karena itu kali ini ane ingin membuat sebuah postingan cara membuat daftar isi otomatis. Otomatis di sini maksudnya adalah ketika kita memposting sebuah artikel maka secara otomasi langsung linknnya masuk pada daftar isi hal ini tentunya mempermudah para pembaca dan membikin para penngunjung blog kkita semakin betah untuk mencari dan berkunjung di blog kita.
Daftar isi otomasi yang kita buat ini sangat berkaitan dengan label setiap postingan kita karena itu untuklah ketika mempostingan artikel hendaknya membuat label artikel yang kita kirim sebab kalau postingan kita buat tanpa menggunakan label, besar kemungkinan judul postingan tidak akan muncul didalam daftar isi kita.
            Jadi jika blog kita membunyai daftar isi, barang kali ente terringan dengan sebuah buku, jika sebuah buku tidak memiliki daftar isi maka pembaca buku tersebut akan kebingungan mencari halaman dalam buku tersebut. Hasilnya buku tersebut pun diabaikan dan dilupakan, dan bagi pembaca biasanya jika ingin membeli sebuah buku atau meminjam buku dari perpustakaan maka sebelum membeli atau meminjam buku tersebut biasanya yang tidak terlewatkan adalah membaca daftar isinya terlebih dahulu. Sudah jelas?, menarik bukan untuk membuat daftar isi?
Sekarang bagaimana langkah-langkah membuat daftas isi blog otomatis? Disini kami akan memerikan langkah-langkahnya :

  1. Masuk ke account blogger ente
  2. Pilih tata letak/layout
  3. Pilih tambah gadget
  4. Pilih HTML/javascript.
  5. Beri Judul Dafar isi atau judul sesuai dengan keinginan ente
  6. Kopy  kode di bawah ini

<script src=" https://sites.google.com/site/soninkomputer/home/untuk-file-js/DaftarIsi2www.duniakomputer.blogspot.com.js">
    </script>
    <script src="http://soninkomputer.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script>

  1. Paste (letakkan) pada Gatget baru atau buat laman baru (page)
  2. Terbitkan Entri.

Namun jika Anda ingin membuat daftar isi menggunakan fungsi scroll, ada beberapa kode yang harus ditambahkan seperti dibawah ini:

   <div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://super-bee-daftarisi.googlecode.com/files/daftarisi.js"></script><script src="http://soninkomputer.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
    </div>

Namun jika Anda ingin membuat daftar isi menggunakan fungsi scroll, ada beberapa kode yang harus ditambahkan seperti dibawah ini :

Keterangan :

  1. Tulisan yang berwana merah diganti dengan nama blog Anda.
  2. Sesuaikan tinggi scroll dengan merubah height:120px   sesuai keingingan Anda
  3. Sesuikan lebar scroll dengan merubah width:430px sesuai dengan keinginan Anda.
Oya, Cara membuat daftar ini agar lebih rapi juga bisa menggunakan kode cara membuat daftar isi dengan kode berikut:

   <div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height:270px; background-color: none; text-align: left;">
<script style="text/javascript" src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script>
<script src="http://soninkomputer.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Sobat sedang membaca artikel berjudul: LANGKAH-LANGKAH MEMBUAT DAFTAR ISI
yang ditulis oleh Sonin
Rating Blog 5 dari 5
Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya http://soninkomputer.blogspot.com/2013/01/langkah-langkah-membuat-daftar-isi.html atau kode
Terima kasih atas perhatian dan kerjasamanya

0 komentar:

Posting Komentar

Popular Posts

Estimated worth website
Copyright © 2012 - Dunia Komputer - Desain by Sonin