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 :
- Masuk ke account blogger ente
- Pilih tata letak/layout
- Pilih tambah gadget
- Pilih HTML/javascript.
- Beri Judul Dafar isi atau judul
sesuai dengan keinginan ente
- 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&alt=json-in-script&callback=loadtoc">
</script>
|
- Paste (letakkan) pada Gatget baru atau buat
laman baru (page)
- 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 :
- Tulisan yang berwana merah diganti dengan nama blog
Anda.
- Sesuaikan tinggi
scroll dengan merubah height:120px sesuai keingingan Anda
- 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>
|
