Minggu, 05 Februari 2012



Daftar Isi Berdasar Tanggal Postingan terbaru Dengan Kotak Scroll





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 kitaposting, 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 :

  1. Silakan login Klik DISINI
  2. Klik Entri Baru/new entri (persis seperti anda akan posting artikel baru)
  3. Berilah judul  : Daftar Isi  atau terserah anda
  4. Copy dan Paste script dibawah ini  pada edit HTML :
  5. <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>
  6. Yang berwarna hijau ganti dengan Url blog anda
  7. Yang berwarna merah ganti ukuran terserah anda,.menentukan tinggi kotak
  8. max-results=100, menunjukkan banyaknya daftar posting yang akan ditampilkan
  9. Lalu klik Terbitkan Entri
  10. Langkah selanjutnya buat Link yang menuju ke postingan daftar isi yang sudah dibuat tadi.
  11.  <a href="Copy dan paste Url Daftar isi anda disini"><b>DAFTAR ISI</b></a>
  12. Dilanjutkan copy dan paste daftar link diatas pada sidebar, navbar atau terserah anda ditempatkan dimana
  13. selesai, selamat mencoba !!.