Membuat Scroll Menu (Daftar Isi) 2

Setelah saya posting beberapa minggu lalu mengenai membuat daftar isi menggunakan arsip blog , maka postingan saya kali ini adalah membahas dengan menggunakan scroll menu seluruh postingan blog anda. (Contohnya ada pada blog ini)

Langsung saja ya..

1. Login ke akun blogger anda
2. Pilih Rancangan--> Elemen Laman
3. Pilih Tambah Gadget --> HTML/Java Script
4. Pastekan script berikut

<script style="java/script" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src="http://www.loadingxloading.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Ganti tulisan yang berwarna merah dengan link blog anda (kalau gak diganti malah muncul daftar isi blog ini)..hhe...

5. 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/ Daftar isi.
Seperti ini deh..(tulisan yang berwarna merah adalah script yang harus anda tambahkan).

<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>

Selesai..huuh..
Selamat Mencoba yah..

0 komentar:

Posting Komentar