Cara Baru Membuat Daftar Isi blog otomatis dengan Jquery

liat demonya disini

PERTAMA :

1. Login Ke Akun Blog Sobat
2. Pada Dasbor Pilih Rancangan-->Edit HTML
3. Copy Paste CSS Berikut Tepat Diatas Kode ]]></b:skin>

kode:

.judul-label{background:-moz-linear-gradient(top, #393E41, #000000);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:#000 url("http://japarus.xtgem.com/blogspot/r85dfm.gif") no-repeat}.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:kristen itc;font-size:12px;}.list-ganjil{background-color:#000;color:#51A104;border-top:1px solid #FF0000;border-bottom:1px solid #FF0000}.headactive{color: #FFFFFF;border: 2px solid:#C0C0C0;!important;background: #D11717;background: -moz-linear-gradient(top, #D11717, #8C0000)}

Simpan Templatenya

TERAKHIR

* Langsung Pilih Entri Baru (buat artikel baru)
* Isikan Judul Entrinya Atau Judul Postingnya Dengan Judul Daftar Isi Atau apa sajalah ..
* Setelah Itu Masukan Kode Berikut Pada Tab HTML Postingan

Kode:

<script src="http://japarus.xtgem.com/blogspot/daftarisi.js"></script>
<script src="http://www.japarus.co.tv/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">var accToc=true;</script>
<script src="http://japarus.xtgem.com/blogspot/daftarisi1.js" type="text/javascript"></script>