Jumat, 11 Oktober 2013
Browse Manual »
Wiring »
blog
»
blogspot
»
cara
»
daftar
»
isi
»
membuat
»
pada
»
Cara Membuat Daftar Isi Blog pada Blogspot
Cara Membuat Daftar Isi Blog pada Blogspot
Daftar isi pada sebuah blog memang dirasa cukup perlu, karena dengan adanya daftar isi akan mempermudah pengunjung untuk mengetahui apa saja yang ada pada blog tersebut. Kali ini saya akan men-share bagaimana cara membuat daftar isi pada blog (blogspot).
Seperti contoh diatas adalah daftar isi yang ada di blog Bukan CS Biasa. Langkah-langkahnya sangatlah mudah...
Pertama, udah pasti anda harus login ke blog anda. Buat postingan baru, lalu pilih HTML (jangan Compose). Copy-kan kode html dibawah ini
<div style="height: 400px; overflow: auto; width: 100%;">
<script src="http://kodegigawatt.googlecode.com/files/daftarisiblog.js"></script>
<script src="http://nama-blog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</div>
<script src="http://kodegigawatt.googlecode.com/files/daftarisiblog.js"></script>
<script src="http://nama-blog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</div>
warna merah nilai kotak scrol yang bisa anda rubah sesuai dengan keinginan anda. sedangkan yang berwarna biru adalah alamat blog anda. Setelah selesai langsung di-Publikasikan aja.
Tambahan : jika anda tidak ingin ada scrol pada daftar isi seperti contoh klik disini, anda tinggal membuang kode yang berikut ini diatas <div style="height: 400px; overflow: auto; width: 100%;"> tapi jangan semua, sisakan seperti ini <div>
Publikasikan dan lihat hasilnya seperti contoh ini.