Cara Membuat Daftar Isi Dengan Scroll

Jika pada Daftar isi halaman penuh , daftar isi pada widget ini dapat diberi fungsi scroll. sehingga tidak memakan banyak tempat di blog frends dan tampil lebih profesional di blog.

walaupun hanya tampil pada widget blog frends tetap saja tidak keliatan berantakan. jika frends ingin melihat contohnya, liat di bawah ini :

Jika frends tertarik untuk memasangnya di blog frends? ikuti langkah-langkah dibawah ini :

1. login ke blogger.com

2. masuk ke halaman Tata Letak

3. klik Edit HTML. pada window baru pilih HTML/Javascript

4. buat judulnya terserah frends. kemudian, masukkan kode berikut di kotak yang tersedia :

<center>

<div style="border: 4px solid rgb(0, 0, 0); height: 200px; overflow: auto;">
<link href="http://blogdaftarisi.googlecode.com/files/acc-toc.css" media="screen" rel="stylesheet" type="text/css" />
<script src="http://blogdaftarisi.googlecode.com/files/toc.js">
</script>
<script src="http://athallahrajungan.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
</div>

<center>

ket : ganti kode yang berwarna merah dengan alamat blog frends. sedangkan kode yang berwarna biru dengan tingginya.

5. simpan dan lihat hasilnya

begitulah Cara Membuat Daftar Isi Dengan Scroll semoga bermanfaat untuk frends sekalian semuanya.