Cara Membuat Daftar Isi Otomatis di Blogspot
Rabu, 21 November 2012
0
komentar
CARA MEMBUAT DAFTAR ISI OTOMATIS
Daftar isi merupakan suatu hal yang sangat penting bagi para pembaca buku,
tanpa ada daftar isi maka sangat kesulitan bagi para pembaca untuk mencari Bab,
sub bab dan point-point penting yang mau di baca si pembaca dari sebuah buku.
Jadi kalau suatu buku di sertai dengan daftar isi maka disana juga akan
meningkatkan atau menurunkan motivasi untuk membacanya.
Blog yang kita kenal
menyukai content atau isi, maka bagi para blogger senantiasa untuk memperkaya
konten blognya. Namun sebagaimana buku, blog juga membutuhkan daftar isi untuk
mempermudah para pembaca dan calon pembaca agar senantiasa tertarik atas isi
blog, yang tidak kalah pentingnya agar pembaca buku
tersebut tidak kebingungan mencari halaman dalam blog atau websate tersebut
Banyak para blog yang diabaikan
dan dilupakan para pengunjungnya
karena disebabkan kebingungan dan ketidak jelasan keberadaan content-content dalam
sebuah blog. Mengingat betapa pentingnya daftar isi dalam sebuah blog atau web
maka saya akan memberikan langkah-langkah cara membuat
daftar isi
blog otomatis.
Berikut ini
langkah-langkah Pembuatan daftar Isi:
1. Masuk ke
account blogger anda
2. Pilih tata
letak/layout
3. Pilih tambah
gadget
4. Pilih
HTML/javascript.
5. Beri Judul
Dafar isi atau judul sesuai dengan keinginan sobat
6.. Kopas kode di bawah ini
|
<script src=" http://karyasonin.blogspot.com /files/daftarisi.js">
</script>
<script src=" http://karyasonin.blogspot.com
/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
|
7. Terbitkan Entri.
Cara kedua jika saudara ingin membuat daftar isi
menggunakan fungsi scroll, ada beberapa kode yang harus ditambahkan seperti
dibawah ini :
|
<div style="overflow:auto;width:620px;height:220px;padding:10px;border:auto
px solid #eee"><script style="text/javascript"
src="http://super-bee-daftarisi.googlecode.com/files/daftarisi.js"></script><script
src="http://karyasonin.blogspot.com/feeds/posts/default?max-results=5555&alt=json-in-script&callback=loadtoc"></script>
</div>
|
Cara ketiga leh indah dari ke dua cara di atas, yaitu masukkan kode di
bawah ini
|
<div align="center;">
<div style="margin:1px;">
<div style="margin-bottom:2px;"
class="smallfont;">
<div style="background:#FFFFFF; no-repeat scroll 0 0; border:1px
solid #000000; height:310px; overflow:auto; padding:4px;
width:260px;">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 250;
</script>
<script src="https://sites.google.com/site/omkrisnanto/omkris/DaftarIsi2www.kris-smile.blogspot.com.js">
</script>
<script src="http://soninkomputer.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=99999">
</script></div>
</div>
</div>
</div>
|
Keterangan :
Ganti tulisan yang berwana merah
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.
Baca Selengkapnya ....
