Cara membuat daftar isi otomatis (Auto Sites Map)

Bismillahirrahmanirrahiim ...

Setelah sebelumnya saya posting mengenai Cara Menghapus Blog yang saangaatt mudah hahaha :D
Sekarang saya akan berbagi ilmu mengenai cara membuat daftar isi otomatis. Artikel ini saya dapatkan dari *Sumber*

Ok langsung saja, preview nya bisa dilihat di blog ana "Site Map" . Ini gambar nya :D

Yep mari kita mulai.
Langkah 1
Buatlah sebuah laman baru atau ceuk inggris na mah "pages". Cara nya Masuk ke Dashboard -> Pages -> New Page / Dashboard -> Laman -> Laman baru

Langkah 2
Sekarang, jika sudah masuk ke bagian membuat posting, masuk ke mode HTML

Langkah 3

Masukan script dibawah ini

<script src="http://artistutorials.googlecode.com/files/toc.js"> </script> <script src="http://hsp21.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"> </script> <script type="text/javascript"> var accToc=true; </script>

Jangan lupa URL-BLOG-KAMU nya diubah dengan url blogmu. Cukup dengan (misal) nugrahaup.blogspot.com
Kemudian Publish.

Langkah 4
Masuk ke Template.  Dashboard -> Template -> Edit HTML
Cari kode ]]></b:skin> , lalu copy paste kode dibawah ini tepat DIATAS kode ]]></b:skin>

.judul-label{ background-color:#E5ECF9; font-weight:bold; line-height:1.4em; margin-bottom:5px; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 1px 1px 4px #AAAAAA; box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #e9e9e9; border: 2px solid white !important; background: #6e6e6e; background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)); background: -moz-linear-gradient(top, #888, #575757); filter: progid :DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); } .data-list{ line-height:1.5em; margin-left:5px; margin-right:5px; padding-left:15px; padding-right:5px; white-space:nowrap; text-align:left; font-family:"Arial",sans-serif; font-size:12px; } .list-ganjil{ background-color:#F6F6F6; } .headactive{ color: #fef4e9; border: 2px solid white !important; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid :DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }

Langkah 5

Ngopi.

Ok Selesai :)

Sumber sudah disebutkan diatas yaa..

keyword : cara membuat daftar isi otomatis, auto sites map, membuat auto-daftar isi, table of content