Sabtu, 25 Juni 2011

Cara Membuat Daftar Isi Otomatis Ketika Posting I

Daftar isi mempunyai urgensi sangat besar pada sebuah blog, visitor atau pengunjung lebih nyaman berada di blog/ website yang memiliki daftar isi ketimbang harus mencari lagi di google.

daftar isi membantu mereka untuk menemukan hal-hal yang dicari selain dari keyword yang mereka ketik via google, karena memang lebih efektif dan efisien, pembaca atau visitor juga merasa lebih dilayani dengan adanya daftar isi.


di blogspot dulunya membuat daftar isi masih manual, dengan settingan link per link, hal tersebut cukup merepotkan para blogger. sekarang daftar isi sudah bisa dibuat dengan otomatis, jadi ketika postingan itu di publish, maka judul postingan tersebut langsung muncul di daftar isi tanpa harus utak-atik link lagi, tentu saja dengan proses "feedsternisasi" (hallllllaaahhh,,,bahasa apa itu :), atau sering dikenal dengan pemanggilan kembali postingan terdahulu/ recent post.

sekarang bang kahar akan memberikan tutorial blog, cara mudah untuk membuat daftar isi otomatis, simak dan praktekan secara cermat :
  1. Masuk Dasbor Blog Kamu
  2. Masuk ke Rancangan Blog Kamu
  3. Masuk ke Elemen Blog Kamu
  4. Klik Tambah Gadget
  5. Klik HTML
  6. copy dan paste kode di bawah ini ke dalam kolom HTML tersebut
<div style="border: 1px solid #000; overflow: auto; height: 250px;">
<script style="text/javascript" src="https://sites.google.com/site/bloggermyblog/TableOfContents.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 1000;
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>

Catatan : yang berwarna merah bisa kamu edit sesuai selera, #000 adalah kode warna, 250 px adalah ukuran kotak daftar isi (sesuaikan dengan template kamu), 1000 adalah jumlah postingan yang dimuat di daftar isi tersebut, false bisa kalian ganti dengan true (date adalah pemunculan tanggal di daftar isi, summary adalah pemunculan icon/gambar posting dan numpost adalah penomeran posting di daftar isi)

    7. Simpan

akhirnya selesai juga dengan sangat mudah, metode ini tidak mengutak-atik kode html yang terlalu rumit, hanya penambahan widget di element menggunakan kode JS biasa, semoga bermanfaat.

Tidak ada komentar:

Poskan Komentar