Cara Membuat Daftar Isi Dengan Scroll

Kali ini Cyber Blog akan berbagi tentang cara membuat daftar isi dengan menggunakan scroll, kemudahan mengakses artikel bagi para pengunjung tentunya harus menjadi perhatiann bagi para blogger, salah satunya dengan membuat navigasi yang berisi daftar artikel yang sudah di posting pada blog itu. 

Adapun cara untuk membuat daftar isi secara umum menerapkan dua metode :

1. Semua label disatukan dalam satu box scroll (contohnya lihat di sidebar blog ini)

2. Hanya membuat daftar isi pada label tertentu (bisa dilihat di sidebar blog http://riitutor.blogspot.com)

Adapun cara untuk membuat daftar isi metode 1 adalah :

• Copy paste kode berikut pada tambah gadget--> + html/javascript di pengaturan tata letak blogger

<div style="overflow:auto;width:160;height:220px;padding:10px;border:2px dashed#5e5e5e"><script style="text/javascript" src="http://sites.google.com/site/icalcell/javascript/daftarisiku.js"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://sipkom.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>

Keterangan :
+Warna merah untuk mengatur lebar dan tingginya
+Warna biru ganti dengan alamat blog anda

Adapun cara untuk membuat daftar isi metode 2 :

• Copy paste kode berikut :

<div style="border: 3px solid #0000FF; padding: 5px; overflow: auto; width: auto; height: 100px; border-radius:10px;background-color: #fff;">
<script style="text/javascript"> var numposts = 1000; var standardstyling = true; </script> <script type='text/javascript' src='http://kodecode.googlecode.com/files/judullabel_tertentu.js'></script> <ol> <script src="http://sipkom.blogspot.com/feeds/posts/default/-/Tips dan Trik?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script> </ol></div>

Keterangan :
+Ganti warna biru dengan alamat blog anda
+Ganti warna merah dengan nama label yang ada di blog anda.

Saya kira cukup jelas untuk dimengerti, apabila ada yang kurang dimengerti silahkan tanyakan.