Senin, 30 Desember 2013

Cara Membuat Daftar Isi Blog Otomatis


    Dalam suatu blog haruslah membuat pengunjung menjadi lebih nyaman dalam menjelajahi isi dalam blog tersebut, begitu juga untuk blog anda. Dalam mewujudkan kenyamanan tersebut ada beberapa hal yang dapat dilakukan, salah satunya adalah membuat Daftar Isi Blog.
    Dengan Daftar Isi, pengunjung blog akan lebih mudah melihat isi dari blog tersebut sehingga lebih mudah mencari hal yang ingin dibacanya.
    Kali postingan kali ini saya akan menjelaskan cara membuat daftar isi Blog. Jika biasanya anda membuat daftar isi dengan cara manual, menuliskan postingan satu persatu kemudian membuat hyperlink sesuai dengan judul postingan tersebut, kali ini saya akan menjelaskan cara membuat daftar isi blog otomatis. Kelebihan dari daftar isi yang akan anda buat ini adalah

  1. Otomatis memuat postingan terbaru anda dalam daftar isi
  2. Setiap post langsung dikelompokkan sesuai dengan labelnya masing-masing
  3. Untuk postingan yang baru akan ada label "NEW" di sisi kanan judul

Cukup basa-basinya, sekarang langsung saja menuju ke step-stepnya:

1. Buatlah sebuah postingan atau page baru, tentu anda sudah tau caranya
2. Beri judul sesuka hati anda, biasanya "Daftar Isi" atau "Sitemap"
3. Copy-kan script dibawah ini tapi pada mode "HTML", bukan "Compose". Jika ada tulisan hapus saja.


<div dir="ltr" style="text-align: left;" trbidi="on">
<script src="http://yourjavascript.com/4213772526/sitemap.js" type="text/javascript"></script><script src="http://fatwa-muda.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>
     Catatan: ganti tulisan warna merah sesuai dengan URL blog anda

4. Jika sudah, tekan tombol publish.

Jika langkah-langkah diatas sudah anda lalui, seharusnya halaman postingan anda tersebut sudah tampil sebagai daftar isi Blog otomatis. Untuk contoh hasilnya bisa anda lihat di Daftar Isi blog ini.

Terimakasih atas kunjungannya, alangkah terimakasihnya jika pembaca meninggalkan jejak berupa komentar ataupun menyebarkan link.

4 comments:

  1. Kalo boleh saya mengkritik tentang blog anda, saya rasa cukup bagus template.Tapi sepertinya anda menonaktifkan untuk versi hp
    jadi sedikit berantakan ketika saya buka di operamini.

    Terimakasih atas kunjunganya.
    By http://mblumbangcity.blogspot.com

    BalasHapus
    Balasan
    1. Terimakasih koreksi anda, untuk kedepannya akan saya perbaiki

      Hapus
  2. Terimakasih atas tutornya gan, salam sukses
    Template ini bagus dan keren gan

    BalasHapus
    Balasan
    1. Sama-sama gan
      Terimkasih atas komentar dan kunjungannya

      Hapus

Tolong Komentar yang baik baik (TANPA SARA)

Copyright © 2014 Fatwa Muda Blogger All Right Reserved
Edited by Fatwahani @ FWBlog