Cara buat Daftar Isi Dengan Label Tertentu atau banyak label | Daftar Isi by label (Category)

Cara buat Daftar Isi Dengan Label Tertentu atau banyak label, Daftar Isi by label (Category)
Membuat Daftar Isi dalam blog/web merupakan keinginan dari setiap blogger maupun design web.
Sebab, dapat mempermudah pengunjung yang datang dan cepat untuk mencari apa yang diinginkan.
Seperti yang pernah saya tuliskan tentang Membuat Daftar Isi Pada Halaman Posting (Membuat Daftar Isi Jquery Accordion Di Blog/web).

Di kesempatan yang lain pula pernah saya berikan trik Cara Membuat Daftar Isi Perlabel, namun pada tutorial kali ini akan membahas bagaimana Cara Memasang / Membuat Daftar Isi lebih dari satu Label (banyak label).
Caranya sama dengan tutorial sebelumnya hanya menambahkan kode script didalamnya.
Untuk lebih jelasnya anda disarankan untuk melihat dulu caranya Disini.

Nah, kalau tutorial sudah dilihat cara dan tips diatas akan saya contoh kan pada blog saya yang menampilkan artikel dari tutorial BLOG, TRIK FACEBOOK, dan TECHNO.
Lihat contoh di bawah artikel ini.

Cara pasangnya sangat mudah, di ikuti saja Cara nya di Bawah ini:

*Login pada Blogger;
*Pilih Rancangan;
*Klik tab Tambahkan Elemen (Gadget)
*Pilih HTML/JavaScript;
*Copy paste kode dibawah kedalam HTML tersebut;

<div style="padding-right: 23px; padding-left: 0px; padding-bottom: 10px; overflow: auto; width: auto; padding-top: 10px; height:170px" 1px="1px" solid="solid">
<ul>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
</ul>
<script type='text/javascript' src='http://kang-onk.googlecode.com/files/label-post.js'></script>
<h3>tutorial BLOG</h3>
<ul>
<script src="http://kuc0pas.blogspot.com/feeds/posts/default/-/TUTORIAL%20BLOG?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
<br/>
<h3>TRIK FACEBOOK</h3>
<ul>
<script src="http://kuc0pas.blogspot.com/feeds/posts/default/-/trik%20facebook?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
<br/>
<h3>TECHNO</h3>
<ul>
<script src="http://kuc0pas.blogspot.com/feeds/posts/default/-/trik%20komputer?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
</div>

*Lalu Simpan, selesai.

* Catatan :
- Warna Hijau : Ganti dengan URL blog anda
- Warna Merah : Nama judul label yang dikehendaki
- Warna Biru : Nama label blog yang akan ditampilkan, gunakan %20 untuk label yang ada space nya.
- Jika ingin menambahkan daftar label lagi, tinggal tambah script nya.
- warna pink adalah ukuran box/kotak scroll.

Selamat mencoba, semoga berhasil...

Posted in: TUTORIAL BLOG