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

3 komentar:

 
Hak Cipta © 2013 Mamka blog - 'Personal' blog | Mkanam - Didukung oleh Blogger