Membuat Daftar Isi Post By Label Sesuai Keinginan

Setelah sekian lama jungkir balik, klik sana klik sini untuk mencari tutorial tentang membuat daftar isi di blogspot, akhirnya membuahkan hasil juga.
Daftar isi memang sangat diperlukan untuk sebuah blog agar para pengunjung dapat dengan mudah melakukan penelusuran blog kita. Blogger sendiri belum menyediakan widget untuk daftar isi selain widget Labels dan Archieves.
Namun kita dapat menggunakan widget Labels sebagai bantuan untuk membuat daftar isi kita sendiri berdasarkan label atau kategori tersebut "daftar ini isi hanya satu label saja" lihat pada blog harjo ini di sidebar kanan dengan label Rpp Silabus dan Tutorial Blos. Dengan memakai javascript, kita dapat melakukan hal ini.
Langkah langkah yang harus dilakukan adalah:

  1. Login ke Dashboard Blogger Anda
  2. Klik pada Layout dari blog yang ingin Anda buat daftar isinya.
  3. Tambahkan gadget baru yaitu Html/Javascript
  4. Beri judul Daftar Isi Anda sesuai dengan Label yang telah dibuat
  5. Pada kolom Content/Isi, tuliskan kode dibawah ini:
<script style="text/javascript">
function showrecentposts(json) {
  for (var i = 0; i < numposts; i++) {
    // get entry i from feed
    var entry = json.feed.entry[i];
    // get the posttitle
    var posttitle = entry.title.$t;
    // get the post url
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        posturl = entry.link[k].href;
        break;
      }
    }
document.write('<li><a href="'+ posturl + '">'+ posttitle + '</a>'+ '<br>');
  }
}
</script><br />
<p>Tutorial Blogs</p><ul><script style="text/javascript">
var numposts=100;
var numchars=100;
</script>
<script src="http://suharjo21.blogspot.com/feeds/posts/default/-/Tutorial Blogs?alt=json-in-script&callback=showrecentposts"></script>
</ul>
  1. Pada kode baris paling bawah, ganti  http://suharjo21.blogspot.com dengan nama blog anda seperti dan ganti
  2. Tutorial Blogs dengan Label posting Anda yang akan dibuat daftar isinya.Jika postingan anda dalam satu label lebih dari seratus, maka anda tinggal menaikan setting pada variable numposts.Klik Save pada jendela Configure Html/Javascript.
  3. Klik Save pada Layout anda dan coba Anda buka blog anda maka daftar isi anda akan terlihat.
Oh iya, daftar ini bersifat otomatis, dimana jika Anda menambah posting baru dan membuat label posting baru tersebut seperti label untuk daftar isi anda, maka posting baru anda tersebut akan otomatis termuat didalam daftar isi.

0 comments:

Followers

Total Pageviews

Popular Posts

 
© Abu Fawwaz Offical WebBlog : SOOHOO21 , Offical Web : SOOHOO21
Template by : G-JO
;