Cara Memasang Daftar Isi di Sidebar Blog

Memiliki sebuah 'Daftar Isi' atau yang sering dikenal dengan 'Table of Contents' adalah elemen krusial yang harus diperhatikan oleh pemilik blog. Ini bukan hanya sebuah daftar, tetapi juga sebuah alat yang membantu pengunjung menavigasi konten Anda dengan mudah. Biasanya Daftar Isi ditempatkan pada halaman terpisah untuk membantu blog memuat lebih cepat.

Namun, postingan kali ini akan mengajak Anda ke arah yang berbeda. Saya akan memberikan tips sederhana untuk menambahkan sebuah widget Daftar Isi di sidebar blog Anda. Keuntungan dari widget ini adalah kemampuannya untuk menampung daftar isi berdasarkan kategori atau label, serta fitur tambahan yang memungkinkan pengunjung melihat semua post Anda dengan memilih opsi 'Semua Label'. Fitur lain yang menarik adalah adanya fasilitas scrolling yang membantu menghemat ruang pada blog Anda, menjadikan tampilannya tetap rapi dan terorganisir.

Untuk Anda yang tertarik dan ingin mencoba widget praktis ini, simak langkah-langkah pemasangannya di bawah ini:

Tutorial Memasang Daftar Isi di Sidebar Blog

1. Log in ke akun blog sobat.

2. Klik Layout > Tambah gadget > HTML/Javascript

3. Masukkan script berikut kedalam kotak:

<div style="background:#FFFFFF; no-repeat scroll 0 0; border:2px solid #FFFFFF; height:310px; overflow:auto; padding:10px; width:260px;">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 250;
</script>
<script src="http://tateluproject.googlecode.com/files/DaftarMenuOtomatis.js">
</script>
<script src="http://codepelajar.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">
</script></div>

Catatan:

• Semua tulisan yang bercetak tebal pada script adalah kode yang bisa di utak-atik atau di ganti terutama kode width ( lebar ) dan height ( tinggi ) yang harus di sesuaikan dengan ukuran sidebar blog sobat dan tentunya nama blog juga..

• Kode yang berwarna biru (500) pada script adalah jumlah yang daftar isi yang akan di tampilkan. Ubah kode tersebut jika halaman blog sobat berjumlah lebih dari kode tersebut.

4. Simpan dan lihat hasilnya

Penutup

Demikianlah Cara Membuat Daftar Isi di Sidebar Blog, semoga bisa membantu sobat blogger dalam menghias blog sobat.