Sesuai Tanggal Postingan

Kali ini akan saya akan posting Membuat Daftar Isi Sesuai Tanggal Posting  sebagai salah satu bentuk pelayanan prima pada pengunjung . 
Cara membuat Daftar Isi berdasarkan Tanggal posting ini hasilnya bisa dilihat pada contoh disini >
Caranya sebagai berikut:

  1. Login dulu  ke    http://www.blogger.com/ 
  2. Kemudian buat sebuah Entri Baru dan pilih Edit HTML. atau kalau biasa pake Windows Live Writer (WLW) gunakan modus Source atau Sumber.
  3. Berilah judul, misalnya: Daftar Isi Berdasarkan Label.
  4. Copy Paste script dibawah ini dan ganti nama destipsntrick.blogspot.com dengan nama Blog anda :



    <script style="text/javascript" src=" http://saungweb.googlecode.com/files/TOCtanggal.js "></script> <script src="http://destipsntrick.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
  5. Setelah di-paste, klik Terbitkan Entri atau publish dan lihat hasilnya
  6. Kalau artikelnya sudah banyak bisa ditambah fungsi scrol yang di pasang sebelum code no. 4 , sehingga lengkapnya akan seperti ini : (Kode warna pink silahkan sesuaikan, kalaupun mau dihapus juga silahkan)



    <div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;">
    <p align="center">
    <font size="4">Daftar Isi Berdasarkan Tanggal Posting</font></p>
    <script style="text/javascript" src=" http://saungweb.googlecode.com/files/TOCtanggal.js "></script>
    <script src="http://saungweb.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
    <p>
    Kalau yang ini untuk melihat <a href="http://saungweb.blogspot.com/2010/04/daftar-isi.html" target="_blank">Daftar isi Berdasarkan Label / Category</a></p>
    </div>
  7. Selanjutnya tinggal buat link yg menuju ke postingan ini  dan  bisa disimpan di navbar menu atau di sidebar dll,  contoh:
<a href="http://destipsntrick.blogspot.com/2010/07/daftar-entri-sesuai-tanggal-posting.html">DAFTAR ISI</a>

0 komentar :