Cara Membuat Daftar Isi Otomatis Ketika Posting II

daftar isi kali ini menggunakan JS (Java Script) yang berbeda dengan JS yang bang kahar berikan pada postingan Cara Membuat Daftar Isi Otomatis 1 Kemarin, untuk membuatnya pun cukup mudah dan tidak memerlukan edit html.

Bang Kahar akan memberikan tutorial blog, cara membuat daftar isi otomatis di blog, simak dan praktekan dengan benar :

1. Masuk Dasbor Blog Kamu
2. Masuk ke Rancangan Blog Kamu
3. Masuk ke Elemen Blog Kamu
4. Klik Tambah Gadget
5. Klik HTML
6. copy dan paste kode di bawah ini ke dalam kolom HTML tersebut 
7. Save

<div style="overflow:auto; padding:5px; width:230px; height:230px; background-color: rgb(fff, fff, fff); border:1px solid #ccc;"><div align="center"><span id="pbl_labels"></span>

<div id="pbl_posts"> Recent Posts </div>

<script type="text/javascript">

var jumlah_maksimum_post = 500;

var dengan_ringkasan = false;

var jumlah_karakter_ringkasan = 500;

</script>

<script src="http://copycat91.googlecode.com/svn/trunk/recentpostsbylabel.js">

</script>

<script src="http://www.bangkahar.co.cc/feeds/posts/default?alt=json-in-script&callback=onLoadFeed">

</script></div>

Catatan : ubah kode berwarna merah   !

width:230px; height:230  --->>> ukuran kotak widget

pxrgb(fff, fff, fff) --->>> kode warna latar belakang

var jumlah_maksimum_post = 500; --->>> jumlah posting yang ingin ditampilkan

var dengan_ringkasan = false;  --->>> diskripsi postingan ubah dengan true kalau mau

var jumlah_karakter_ringkasan = 500; --->>> huruf yang dipakai di diskripsi postingan
http://www.bangkahar.co.cc/ ganti dengan alamat anda

8. Jangan lupa Simpan

semoga tutorial blog dari bang kahar bermanfaat, terimakasih.