Membuat Daftar Isi Otomatis Tanpa Label Pada Blog

Membuat daftar isi untuk ditampilkan pada blog ada bermacam-macam cara, ada yang membuat daftar isi berikut label katagorinya beserta tampilan tanda “New” untuk postingan terbaru, namun yang akan dibahas disini adalah bagaimana cara membuat daftar isi secara otomatis tanpa label kategori, hasilnya semua postingan walaupun sudah dikelompokan dalam label kategori akan dibuat berbaris kebawah dengan diberi tanda angka 1 s/d .. sekian dan mengabaikan label katagorinya.

Cara membuat daftar isi model ini bisa dibilang cukup praktis, kodenya hanya dimasukan kedalam gadget tanpa merubah Rancangan Edit HTML halaman blog, selanjutnya bila anda membuat postingan baru secara otomatis postingan tersebut telah dimasukan ke daftar isi.

Caranya adalah sebagai berikut.

1. Login ke account blogger anda
2. Pilih tata letak/layout
3. Tambahkan gadget lalu pilih HTML/ javascript
4. Copy kode dibawah ini pada gadget anda.

<div style="border: 0px solid #000; overflow: auto; height: auto;">
<script style="text/javascript" src="http://tivadblogspot.googlecode.com/files/Contents.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
var shownumposts = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>
<div align="right" style="padding:16px 5px 5px 5px;font-size:11px">
<a href="http://www.davitblog.com" target="_blank" style="color:#000">Powered By Blogger</a>
</div>

*) kode script untuk daftar isi ini saya dapatkan dari blog lain, telah dicoba pada beberapa template dan hasilnya berjalan dengan baik.

9 komentar:

  1. maknyus.. tp knp pd urutan posting ke 6 dan 10 kosong ya?

    BalasHapus
  2. berkunjung balik http://www.boxsoffice.blogspot.com

    BalasHapus
  3. gan caranya hilangin nomernya gimana??

    BalasHapus
  4. Cara menghilangkan nomornya gimana ya???
    Tlng djlskan. Trms

    BalasHapus
  5. Trimakasi kk.. it's work! ^_^

    BalasHapus
  6. skarang scriptnya duah beda gan klo di hp muncul.tapi pas di PC theme bawaan PC jadi ilang pas ke homepage lagi theme bawaan muncul lagi gimana dong??

    BalasHapus
  7. thanks gan,, script di atas bekerja dengan baik.

    BalasHapus
  8. wah mantap gan script berjalan lancar tapi nomer 8 kok kosong ya Cara Membuat Blog Yang disukai Pengunjung

    BalasHapus