Tutorial blog

Info Kerja

Info Beasiswa

Recent Post

Membuat Daftar Isi Berdasarkan Label

Sunday, January 23, 2011
Membuat daftar isi blog berdasarkan label tentu akan sangat berguna buat temen-temen yang baru belajar membuat blog. Postingan kali ini membahas daftar isi yang dengan dan tanpa menggunakan scroll. Jika rekan-rekan ingin meletakkannya di bagian sidebar dengan menambahkan widget maka penggunaan scroll akan lebih efisien tempat. Tapi semua tergantung pilihan rekan masing-masing.

Cara pembuatannya cukup dengan masuk ke bagian posting dari dashboard. Kemudian pilih new post dan masukkan kode dibawah ini pada bagian edit HTML. Rekan-rekan bisa juga menggunakan static page serta widget untuk memasang kode html ini. Contoh hasil bisa dilihat di daftar isi blog ini.

Ini Kode daftar isi Tanpa scroll:
---------------------------
<script
style="text/javascript" src="http://kodecode.googlecode.com/files/daptarisiblog.txt"></script><script
src="http://namablog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
--------------------------

Dan ini Kode daftar isi Dengan Scroll:
--------------------------
<div
style="overflow:auto;width:450px; height:200px; padding:10px;border:1px
solid #eee"><script style="text/javascript" src="http://kodecode.googlecode.com/files/daptarisiblog.txt"></script><script
src="http://NAMABLOGKAMU.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
--------------------------

Keterangan:
1. namablogkamu.blogspot.com : gantilah dengan alamat blog anda
2. width:450px : Ganti Lebar sesuai dengan yang anda inginkan, sesuaikan dengan template
3. height:200px : Ganti tingginya sesuai dengan keinginan anda
4. postingan tanpa label tidak muncul di daftar isi ini

Semoga bermanfaat
Ari Ahmad Afandi

Related post



0 comments:

Post a Comment