Mungkin ini akan bermanfaat bagi temen-temen yang sedang belajar untuk
memulai membuat blog. salah satu yang penting di antaranya adalah
bagaiman membuat Daftar Isi Otomatis Di BLog.
Hari Ini saya akan menuliska mengenai cara membuat Daftar Isi otomatis Di blog. Daftar Isi ini bekerja berdasarkan Label
yang kita buat di saat kita membuat Post atau Entri Baru. Semua Post
yang memiliki Label Sama akan dikumpulkan sehingga Blog anda akan lebih
teratur.
Kurang lebih nanti tampilanya akan seperti ini :DAFTAR ISI (Dengan Scroll)
DAFTAR ISI (Tanpa Scroll)
Baik, langsung saja ya kawan. Kurang lebih seperti inilah cara membuatnya. cukup dengan membuat entri baru lalu copi paste script berikut ini.
Dengan Scroll
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: none; border: 1px solid #000000; height: 500px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">
<script src="http://sitemap-kiosbisnis.googlecode.com/files/KiosBisnislabel2.js"></script>
<script src="http://murid-terbaik.blogspot.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script></div>
</div>
<div style="text-align: center;">
<a href="http://murid-terbaik.blogspot.com/2011/06/membuat-daftar-isi-blog-otomatis.html" target="_blank"><span style="font-size: x-small;">Buat Daftar Isi Otomatis</span></a></div>
</div>
<div style="background-color: none; border: 1px solid #000000; height: 500px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">
<script src="http://sitemap-kiosbisnis.googlecode.com/files/KiosBisnislabel2.js"></script>
<script src="http://murid-terbaik.blogspot.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script></div>
</div>
<div style="text-align: center;">
<a href="http://murid-terbaik.blogspot.com/2011/06/membuat-daftar-isi-blog-otomatis.html" target="_blank"><span style="font-size: x-small;">Buat Daftar Isi Otomatis</span></a></div>
</div>
Tanpa Scroll
<div dir="ltr" style="text-align: left;" trbidi="on">
<script src="http://gagaje-blogspot.googlecode.com/files/sitemap%281%29.js"></script><script src="http://murid-terbaik.blogspot.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script>
<div style="text-align: center;">
<a href="http://murid-terbaik.blogspot.com/2011/06/membuat-daftar-isi-blog-otomatis.html" target="_blank"><span style="font-size: x-small;">Buat Daftar Isi Otomatis</span></a></div>
</div>
<script src="http://gagaje-blogspot.googlecode.com/files/sitemap%281%29.js"></script><script src="http://murid-terbaik.blogspot.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script>
<div style="text-align: center;">
<a href="http://murid-terbaik.blogspot.com/2011/06/membuat-daftar-isi-blog-otomatis.html" target="_blank"><span style="font-size: x-small;">Buat Daftar Isi Otomatis</span></a></div>
</div>
Selanjutnya, sobat cukup perlu mengganti tulisan yang berwarna merah dengan URL blog yang sobat miliki.
..semoga bermanfaat....
No comments