Daftar Isi Berdasar Tanggal Postingan terbaru Dengan Kotak Scroll

Jumat, 24 Desember 2010

Daftar isi sebelumnya yang pernah dtulis pada blog ini contohnya pertama dan kedua, Jika kita perhatikan daftar isi yang pertama berdasarkan postingan terbaru tetapi tidak ada tanggal saat kita posting, juga kekurangannya apabila postingan kita banyak, maka halaman blog kita menjadi panjang.karena daftar isi tersebut tidak dimasukkan pada kota scroll. yang bisa digeser.

Daftar isi yang bisa anda praktekkan saat ini hampir sama dengan daftar isi yang kedua, sebelumnya daftar isi tersebut berdasarkan kategori atau tabel yang diikuti dengan daftar artikel yang anda posting..contoh daftar isi yang kedua jika anda sempurna mempraktekkan akan tampak seperti dibawah ini :

Apabila anda merasa kurang cocok dengan daftar isi pada contoh gambar diatas, dan anda menginginkan seperti daftar isi yang pertama tetapi tidak terlalu panjang halaman blog-nya, anda bisa mencoba dengan daftar isi seperti gambar berikut yang berdasar tanggal postingan terbaru dan menggunakan kotak scroll.

Nah sekarang Cara membuatnya :

Silakan login Klik DISINI
Klik Entri Baru/new entri (persis seperti anda akan posting artikel baru)
Berilah judul : Daftar Isi atau terserah anda
Copy dan Paste script dibawah ini pada edit HTML :

<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 300px; background:#f7f7f7; none; text-align: left;"> <script style="text/javascript" src=" https://sites.google.com/site/informasianyar/DaftarIsiTanggal.js "></script> <script src="http://informasianyar.blogspot.com/feeds/posts/default?max-results=50&alt=json-in-script&callback=loadtoc"></script> </div>

Yang berwarna hijau ganti dengan Url blog anda
Yang berwarna merah ganti ukuran terserah anda,.menentukan tinggi kotak
max-results=100, menunjukkan banyaknya daftar posting yang akan ditampilkan
Lalu klik Terbitkan Entri
Langkah selanjutnya buat Link yang menuju ke postingan daftar isi yang sudah dibuat tadi.