About Me

My photo
Medan, Sumatera Utara, Indonesia
Nama Saya : Denny Syahputra. ======================= saya masih belajar tentang blog-blog.

..:: MEMBUAT DAFTAR ISI LENGKAP DENGAN FILE JS ::..

Membuat daftar isi blog secara manual pada bagian sidebar blog sangat melelahkan, apalagi jika postingan artikel jumlahnya sudah ratusan. Untuk mengatasi masalah tersebut, anda dapat membuatnya dengan sangat mudah yaitu dengan menggunakan file Java Script ( js ). Trik membuat daftar isi kali ini selain menampilkan judul seluruh postingan artikel juga judul postingan tersebut terpisah berdasarkan label dari postingan tersebut.
Satu lagi...postingan yang baru dipublikasikan, secara otomatis ditambah kata New!! berwarna merah yang letaknya disebelah kanan judul postingan.
Pokoknya trik yang satu ini akan memuaskan anda jika ditampilkan pada blog anda dan tentunya akan lebih memudahkan pengunjung mendapatkan artikel yang dicarinya tanpa harus bersusah payah.
Langkah-langkahnya :
  • Masuk ke Blogger.
  • Pilih Rancangan bagian Elemen Halaman.
  • Klik tambah gadget.
  • Pilih HTML/JavaScript.
  • Copy script dibawah ini dan paste pada kolom yang tersedia.

    <script style="text/javascript" src="https://sites.google.com/site/epgstudiosite/javascript/daf.isi.js"></script>
    <script src="http://epg-studio.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>


    Ganti http://epg-studio.blogspot.com dengan URL blog anda
  • Klik tombol Simpan.
  • jika daftar isi terlalu panjang, tambahkan fungsi scroll, sehingga kodenya seperti ini :


    <div style="overflow:auto;width:300px;
    height:200px;padding:10px;
    border:1px solid #eee">
    <script style="text/javascript" src="https://sites.google.com/site/epgstudiosite/javascript/daf.isi.js"></script>
    <script src="http://epg-studio.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

    </div>
  • Anda atur ukuran width dan height sesuai keperluan.