Membuat Scroll Menu Otomatis Buat Arsip Blog

Setelah dapat script widget TOC dari abu farhan ternyata setelah saya pikir-pikir dan ada sedikit modifikasi, ternyata di script itu ada kelebihan yang terpendam yaitu kita dapat memodifikasinya menjadi arsip blog bergaya scroll menu yang otomatis. Seperti ini caranya
* Pertama login dulu
* Klik Tata Letak
* klik lagi Tambah Gadget
* Pilih HTML/JAVASCRIPT
kemudian masukan kode ini

<script style="java/script" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src="http://www.sandydoank12.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
jika sudah jangan lupa di simpan,
* kemudian masuk lagi ke Edit HTML
* Centang Expand Template Widget
Kemudian cari widget HTML/JAVASCRIPT tadi, misalnya widget html/javascript script tadi anda beri nama Arsip Blog Scroll Menu
seperti ini
<b:widget id='HTML4' locked='false' title='Arsip Blog Scroll Menu' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>

</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
kemudian letakkan kode seperti ini
<div style='overflow:auto;height:200px;'>

...............

</div>

jadi contohnya seperti ini

<b:widget id='HTML4' locked='false' title='Arsip Blog Scroll Menu' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto;height:200px;'>
<data:content/>
</div>

</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

hasilnya bisa dilihat disini

Jika sudah klik simpan.
Semoga Bermanfaat....