Cara Membuat Daftar Isi di sidebar dengan scroll

Saya mau share tentang cara membuat daftar isi yang di sidebar. Langsung aja sobat liat gambarnya :

1. Login Ke Blogger.com
2. Klik Pada Rancangan >> Elemen Laman 

3. Pilih Tambah Gadget

4. Pilih HTML/ Javascript

5. Beri Judul Widget

6. Lalu Paste kode berikut di dalamnya :

<div style="background: none repeat scroll 0% 0% rgb(242, 242, 242);  -moz-border-radius:5px; border: 1px solid rgb(204, 204, 204); height: 350px; overflow: auto; padding: 10px;">
<span id="pbl_labels"></span>
<div id="pbl_posts">
Recent Posts </div>

<script type="text/javascript">
var jumlah_maksimum_post = 20;
var dengan_ringkasan = true;
var jumlah_karakter_ringkasan = 100;
</script>

<script src="http://copycat91.googlecode.com/svn/trunk/recentpostsbylabel.js">
</script>

<script src="http://www.mahasiswalugu.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed">
</script></div><a href="http://mahasiswalugu.blogspot.com/2012/03/cara-membuat-daftar-isi-di-sidebar.html" target="_blank" title="Klik jika sobat mau ini">Get This Widget</a></div>

7. Setelah Itu Klik Simpan.

Keterangan :
   Ganti  www.mahasiswalugu.blogspot.com  dengan alamat URL blog kamu 

   height: 350px : (adalah tinggi widget, bisa disesuaikan dengan keinginan masing masing.)
   var jumlah_maksimum_post = 20;    (Adalh Jumlah Entri yang akan di tampilkan pada Widget) 
   var jumlah_karakter_ringkasan = 100;  (Adalah Jumlah karakter teks cuplikan yang akan   ditampilan)