Cara Membuat Daftar Isi Blog dengan Fungsi Scroll

Selamat malam, kali ini saya akan menulis mengenai Cara membuat daftar isi blog dengan fungsi scroll, sebenarnya sudah banyak blog-blog para master yang sudah membahas tutorial ini.

Tetapi di sini saya akan memberi sesuatu yang berbeda yakni dengan memberi  background dan fungsi scroll pada daftar isi tersebut sehingga tidak penuh satu halaman.

Ok ngga usah panjang lebar langsung saja,

• Masuk ke akun blogger anda
• Buatlah entri baru
• Masukan kode berikut

<div style="overflow:auto;width:auto;height:300px;padding:10px;border:1px solid #eee; -moz-border-radius:10px;
-webkit-border-radius:10px;background: -moz-linear-gradient(top, #EBEBEB, #FFFFFF);;">
<script src="http://arsip-blog-lengkap-by-pradiszwardhana.googlecode.com/files/arsip-blog-lengkap-by-pradiszwardhana.js">

</script> <script src="http://mamka-blog.blogspot.com/feeds/posts/default?max-results=900&amp;alt=json-in-script&amp;callback=loadtoc">

</script>
</div>

• Setelah itu save...

ok, selesai mudah kan ?

*Ganti kode yang berwarna biru sesuai keinginan anda(tinggi)

  Ganti kode yang berwarna hijau dengan warna yang anda inginkan(gradient dari #EBEBEB ke #FFFFFF

 Ganti kode yang berwarna merah dengan alamat blog anda

blogger

• Cara Membuat Widget Melayang/Floating Widget
• Cara Menampilkan Widget atau Menyambunyikan Widget pada Halaman Tertentu
• Membuat Template Dinamis Blogger Tanpa Mengubah Template Asli
• Cara membuat menu dropdown menggunakan Css

tutorial

• Cara Agar Breadcrumbs Terindex Google
• Cara Membuat dan Merubah Dynamic Heading Blog
• Cek Peforma Blog/Website Anda
• Cara Membuat Back To Top/Scroll To Top dengan jQuery
• Cara Membuat Widget Melayang/Floating Widget
• Apa Yang Dimaksud CSS ? Dan Apa Kegunaannya ?
• Cara Menampilkan Widget atau Menyambunyikan Widget pada Halaman Tertentu
• Membuat Template Dinamis Blogger Tanpa Mengubah Template Asli
• Cara membuat menu dropdown menggunakan Css