Wednesday, May 18, 2011

Membuat Widget Daftar Isi

Bagi yang ingin menambahkan daftar isi pada blog, silahkan ikuti langkah-langkah di bawah ini . .. . 


Membuat Gadget Daftar Isi
Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Tata Letak - Elemen Halaman"
Langkah 3
"Tambah Gadget" baru dengan type "HTML/JavaScript"
Langkah 4
Tambahkan kode dibawah ini:


<div style="border: 1px solid #000; overflow: auto; height: 220px;">
<script style="text/javascript" src="http://hensblog.googlecode.com/files/daftar_isi.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>

Langkah 5
Simpan Gadget

Keterangan:
  • border: 1px solid #000 : Ubahlah border sesuai dengan keinginan anda
  • height: 220px : Ubah nilai 220px untuk mengatur tinggi widget daftar isi
  • Jika ingin menampilkan daftar isi sesuai dengan label/kategori tertentu silahkan tambahkan kode /-/Label sehingga menjadi seperti kode dibawah ini (ganti Label dengan kategori yang ingin ditampilkan):

<script src="/feeds/posts/default/-/Label?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>

Selamat mencoba, semoga berhasil.. 

Blog Archive