Masih dalam rangkaian materi Membuat Daftar Isi atau Table Of Content (TOC)
Fakhrinet friend kini kita Belajar Cara membuat Daftar Isi berdasarkan Tanggal posting ini hasilnya bisa dilihat pada contoh disini atau silahkan sobat lihat pada navbar menu blog ini. Adapun langkah2nya adalah sbb. :
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 blogislamiindonesia.blogspot.com dengan nama Blog anda :
<script style="text/javascript" src=" http://udinjz.googlecode.com/files/daftarisi-tanggal.js "></script>
<script src="http://blogislamiindonesia.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
- Setelah di-paste, klik Terbitkan Entri atau publish dan lihat hasilnya
- Kalau artikelnya sudah banyak bisa ditambah fungsi scrol yang di pasang sebelum code no. 4 , sehingga lengkapnya akan seperti ini : (Kode 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://udinjz.googlecode.com/files/daftarisi-tanggal.js "></script>
<script src="http://blogislamiindonesia.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<p>
Kalau yang ini untuk melihat <a href="http://blogislamiindonesia.blogspot.com/2010/11/sitemap.html" target="_blank">Daftar isi Berdasarkan Label / Category</a></p>
</div>
Selanjutnya tinggal buat link yg menuju ke postingan ini dan bisa disimpan di navbar menu atau di sidebar dll,
Lihat Contoh Hasilnya {{DEMO}}
Selamat mencoba untuk Membuat Daftar Isi Berdasarkan Tanggal Posting , semoga bermanfaat.
0 komentar