Breaking

Sunday, May 04, 2014

Cara Membuat Daftar Isi Blog Otomatis

daftar isi blog
Daftar Isi yang ada di blog akan memudahkan pengunjung blog untuk mencari artikel yang dibutuhkan. sama seperti daftar isi yang ada di laporan ente ente pada buat kampus.. pasti para dosen sebelum ngecek proposal ente pasti ngecek daftar isi dulu kan ?? iya kan saja ... baik robot maupun pengunjung yang kreatiff pasti lebih cepet masuk ke daftar isi blog sebelum ia browsing di blog ente ... kenapa ?? karena itu mepermudah pengunjung untuk mencari artikel yang dia mau baca.. Disini saya mau nyoba share cara membuat daftar isi yang otomatis menurut label / kategori yang ada di blog. Daftar isi ini saya bagikan dengan 2 versi, yang pertama dengan cara daftar isi yang biasa dan kedua daftar isi dengan fungsi scroll, ntar ente bisa memilih salah satunya sesuai dengan selera.


1. Cara pertama Membuat daftar isi blog dengan label tertentu secara otomatis (daftar isi biasa)

  • Login Blogger
  • Masuk ke bagian Laman
  • Trus Klik Laman Baru ( Ambil Mode HTML  jangan COMPOSE  )
  • Paste kan kode dibawah ini 
<script src="http://googledrive.com/host/0B1DfOkDGP8s4TEpTSFRURGhtd2M/sitemap.js"></script><script src="http://zippien.us/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

  • Klik simpan .. kelar satu


2. Cara kedua yaitu dengan metode Scrool yap Daftar isi blog berdasarkan label tertentu dengan fungsi scroll :

  • Login Blogger
  • Masuk ke bagian Laman
  • Trus Klik Laman Baru ( Ambil Mode HTML  jangan COMPOSE  )
  • Paste kan kode dibawah ini 
<div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height: 500px; background-color: none; text-align: left;"> <script src="https://googledrive.com/host/0B1DfOkDGP8s4TEpTSFRURGhtd2M/sitemap.js"></script><script src="http://zippien.us/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

  • Klik simpan dan kelar 
oiaa.. trakhir .. tulisan yang saya merahkan warna nya ganti aja dengan URL blog /web ente ... 

No comments:

Post a Comment