Minggu, 26 Juni 2011

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.

Tidak ada komentar:

Poskan Komentar