Setelah saya membuat Daftar Isi atau Sitemap di blog ini, saatnya saya share tutorial untuk membuat daftar isi atau sitemap pada blog. hhe..
Baiklah langkah2 nya sepeerti berikut ini:
1. Masuk Blog sobat
2. Buatlah Entri baru pilih mode HTML bukan Compose
3. Beri judul Daftar Isi atau Sitemap atau terserah anda.. :)
4. Langkah selanjutnya bisa dipilih berikut ini:
A. Membuat Daftar Isi Sesuai Label / Kategori
1. Copy Paste script dibawah ini
<script style="text/javascript" src="http://saungweb.googlecode.com/files/TOCcategory.js"> </script>
<script src="http://www.blogyshare.tk/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
2. Ganti URL berwarna merah dengan blog sobat
3. Publikasikan / Terbitkan
4. Selesai.. Lihat Hasilnya.. :)
5. Jika Artikel Sudah Banyak maka perlu ditambahkan fungsi scroll. Script lengkapnya:
<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 500px; background-color: none; text-align: left;">
<p align="center">
<font size="4">Daftar Isi Blog Berdasarkan Label / Category</font></p>
<script style="text/javascript" src="http://saungweb.googlecode.com/files/TOCcategory.js"></script>
<script src="http://www.blogyshare.tk/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
6. Yang berwarna warna sesuaikan dengan blog sobat.
B. Membuat Daftar Isi Sesuai Tanggal Posting
1. Copy Paste Script dibawah dan ganti warna merah dengan URL Blog Sobat:
<script style="text/javascript" src=" http://saungweb.googlecode.com/files/TOCtanggal.js "></script>
<script src="http://blogyshare.tk/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
2. Klik Publikasikan / Terbitkan dan lihat hasilnya.
3. Jika artikel sudah baynak perlu ditambahkan fungsi scroll. Kode Script lengkap dengan scroll:
<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 500px; background-color: none; text-align: left;">
<p align="center">
<font size="4">Daftar Isi sesuai Tanggal Posting</font></p>
<script style="text/javascript" src=" http://saungweb.googlecode.com/files/TOCtanggal.js "></script>
<script src="http://blogyshare.tk/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
4. Ganti URL nya dengan blog sobat.
Sekian cara mudah membuat daftar isi blog.. Semoga Bermanfaat.. :)
