Cara membuat datar isi blog otomatis

Malam sahabat blogger kali ini saya akan membahas cara membuat DAFTAR ISI blog otoamatis seperti gambar di samping.ok langsung aja sob jika anda berminat ikuti langkah berikut ini ;

1.login dashboard blog sobat
2.pilih HTML / JAVASCRIPT
3.kemudian masukan kode di bawah ini

<div class='widget-content'>
<style type="text/css">
.dimashdaftarisi3_CommBox, .dimashdaftarisi3_CommBox-cumulus, .Label .widget-content {background:#000 url(http://dimash.waphall.com/dimashmarilyn.png) bottom center repeat;border:5px groove #666;font:Droid normal;font-size:10px;color:#CCFFFF;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-transition:all 2s ease-in;-moz-transition: all 2s ease-in;-webkit-transition:all 2s ease-in;}
.dimashdaftarisi3_CommBox-cumulus {float: left;margin: 5px; opacity: 0.2;filter:alpha(opacity=20);}
.Label .widget-content {margin: 20px auto;width: 285px;height: 250px;overflow: auto; opacity: 0.2;filter:alpha(opacity=20);}
.dimashdaftarisi3_CommBox { overflow:auto;height:200px; padding:15px 10px 10px 0;opacity:0.1;}
.dimashdaftarisi3_CommBox:hover, .dimashdaftarisi3_CommBox-cumulus:hover, .Label .widget-content:hover{opacity:1.0; filter:alpha(opacity=100);}
.dimashdaftarisi3_CommBox a{color:#cb5d03;font-size:12px;font-weight:bold;text-decoration:none;}
.dimashdaftarisi3_CommBox a:hover{text-decoration:underline;color:#33FF00;font-style:normal;}
</style>
<p style="font-family:Staccato222 BT;font-size:22px;color:888;margin:10px;text-align:center;">Dafatr Isi</p>
<div class="japarusdaftarisi3_CommBox">
<script src="http://dimash.waphall.com/sitemapdaftarisi.js">
</script>
<script src="http://red3vil-666.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
</div>

Nb: pada alamat http://red3vil-666.blogspot.com ganti dengan alamat blog sobat.........

selamat mencoba semoga bermanfaat.............