Membuat Daftar Isi Otomatis Pada Sidebar Blog Blogspot

 Daftar isi di blog bertujuan untuk memudahkan pengunjung melihat daftar isi pada sebuah blog. Beberapa blogger membuat daftar isi blognya pada sidebar blog atau pada halaman postingannya. Cara yang dilakukan juga berbeda. Ada yang menggunkan cara manual ada juga yang menggunakan DAFTAR ISI OTOMATIS

Kali ini saya akan memposting sebuah cara membuat Daftar isi blog otomatis yang dipasang di sidebar blog/ di halaman postingan. Daftar isi Otomatis berarti setiap kita menerbitkan atau memposting sebuah artikel pada blog, maka Daftar Isi Otomatis akan langsung mendeteksinya lalu akan menyimpan judul artikel beserta link menuju postingan tersebut. Cara ini  jauh lebih praktis daripada cara manual yang mengharuskan kita mengedit daftar isi setiap selesai memposting.

Jika anda berniat memasang WIDGET DAFTAR ISI OTOMATIS pada sidebar/ postingan blog anda, inilah caranya :

Seperti biasa, anda harus masuk terlebih dahulu ke akun blog anda dengan memasukkan Username dan Password blog di blogger.com.

• Pada halaman Dasbor Blog, klik RANCANGAN.

• Pada halaman RANCANGAN, klik TAMBAH GADGET.

• Pilih HTML/JavaScript pada jendela baru yang muncul dengan mengklik tanda plus (+) di samping tulisan HTML/JavaScript.

• Copy kode dibawah ini :

<div style="background: putih url(http://i1098.photobucket.com/albums/g363/dudu81/Untitled-1-2.png) no-repeat scroll 0 0; border:0px solid black; height:290px; overflow:auto; padding:20px; width:220px;">
<div id="cl_option">
Tunggu sebentar... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 200;
</script>
<script src="https://sites.google.com/site/bloggerbugis/js/DaftarIsiOtomatis4U.js">

</script>
<script src="http://dudu-blogger-poetra-tasik.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">

</script></div>

• Pastekan pada' HTML/JavaScript anda' lalu jangan lupa klik simpan.

Hasil dari kode diatas akan terlihat seperti gambar dibawah ini.

Sort by:	Date publishTitle
Sort by label:	All labelsejarahsilsilahmp3 jamrudmp3 slankmp3 peterpanmp3 unguwidgettips dan tricksejarah tatar sundalain-lainkisah para nabiteknik handphonetentang islamhardwarebannermusik religiphoto anehfirmwarebisniswisatabisnis gratis
	See all content

► Kota Tasikmalaya
Label: sejarah pada 2011/08/12
► Sunan Kalijaga
Label: silsilah pada 2011/08/12
► SYEKH QURO
Label: silsilah pada 2011/08/12
► Syekh Nawawi al-Bantani
Label: silsilah pada 2011/08/12
► Syeikh Abdul Muhyi Pamijahan penyebar tasawuf di Jawa Barat
Label: silsilah pada 2011/08/12
► free download lagu jamrud

Jika ingin mengdit tampilan DAFTAR ISI OTOMATIS blog anda, ikuti petunjuk di bawah ini.

1. Jika anda ingin menggunakan background warna, Ganti tulisanPUTIH dengan kode warna lalu hapus tulisanhttp://i1098.photobucket.com/albums/g363/dudu81/Untitled-1-2.png( kode yang diberi warna merah ).. 
2. Apabila anda ingin menggunakan background atau Latar belakang gambar, silhkan ganti tulisan http://i1098.photobucket.com/albums/g363/dudu81/Untitled-1-2.png dengan URL gambar anda. Ukuran gambarnya 360px X 310px. Jika tidak punya gambar, gunakan saja gambar tersebut diatas, alias jangan mengganti URL Gambarnya. 
3. border:2px berarti garis pinggir kotak DAFTAR ISI OTOMAITIS berwarna BIRU dengan ketebalan 2px. silahkan diedit jika anda ingin menggantinya dengan warna lain atau menambah atau mengurangi tebal garis pinggirnya.
4. Yang paling utama !!!! Anda harus mengganti URL http://dudu-blogger-poetra-tasik.blogspot.com dengan URL Blog anda.

Udah dulu tutorialnya....

Semoga bermanfaat bermanfaat !!!