Selasa, 20 Mei 2014

MEMBUAT DAFTAR ISI OTOMATIS FUNGSI SCROLL


 

Hallo sobat blogger !..

Tutorial kali ini saya akan share bagaimana cara membuat daftar isi otomatis Fungsi Scroll di blog. Kok bisa di bilang begitu ?.. ya karena setiap kita membuat artikel baru yg sudah di publikasikan secara otomatis masuk pada daftar artikel yang di kelompokkan dengan artikel sebelumnya menggunakan label yang sama, sehingga pengunjung blog dengan mudah menemukan informasi yang mereka cari.
Awal buat blog saya masih menggunakan daftar isi bawaan blogger dan tampilannya pun sangat sederhana, setelah googling sana sini akhirnya saya menemukan cara membuat daftar isi yang lebih bagus dengan fungsi scroll tentu saja menghemat tempat untuk menampilkan semua daftar artikel yang kita buat. 

Langkah-langkah membuat daftar isi otomatis dengan fungsi scroll sbb :
  • Login ke Blogger.com
  • Pilih tata letak/rancangan
  • Pilih add gadget
  • Pilih HTML/Javascript
  • Beri judul misalnya DAFTAR ISI
  • Copy Paste script di bawah ini
<div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height:270px; background-color: none; text-align: left;">
    <script style="text/javascript" src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script>
    <script src="http://fatholla.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>



  • Ganti warna biru dengan URL anda
  • Klik OK 
  • Selesai
Selamat mencoba..!
Semoga bermanfaat..!

 
ANDA butuh suntikan dana tambahan Klik aja di DISINI