Cara Membuat Daftar Isi Untuk Label Tertentu

Perlu dibaca juga :

Membuat daftar isi dalam blog merupakan keinginan dari setiap blogger maupun design web. Sebab dengan cara ini akan dapat mempermudah para pengunjung atau visitor yang datang ke blog kita, Agar bisa dengan cepat menemukan saat mencari artikel posting apa yang di inginkan. Dan untuk kali ini saya akan share bagaimana membuat Daftar isi blog untuk label tertentu atau beberapa label.

Membuat daftar isi label tertentu atau banyak label di blog sebenarnya tidaklah sulit kok. Cara pemasangannya di blog juga sangat mudah sekali, Karena anda tidak usah repot-repot Edit HTML dalam template blog sobat yang tentunya bisa rumit dan membingungkan. Cukup hanya menaruh kodenya dalam rancangan atau Tata Letak blog melalui Tambah Gadget, Jadi sangat gampang sekali untuk di pindah-pindah widgetnya seperti yang sobat inginkan agar sesuai dengan tampilan blog sobat.

Lihat contoh gambar screenshot berikut atau lihat pada blog saya

1. Cara memasang Daftar isi Label tertentu atau banyak Label pada Widget Blog

• Silahkan anda >> Login atau Masuk ke Blogger.

• Pada Dashboard tampilan blogger baru, Pilih Menu >> Tata Letak >> Tambah Gadget >>HTML/JavaScript.

• Kemudian masukkan semua kode berikut ke dalam kotak HTML/JavaScript.

<script>
var numposts = 100;
var standardstyling = true;
</script>
<script src="http://kucopas-js.googlecode.com/files/DaftarIsiByLabel.js" type="text/javascript"></script>
<div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;">
<h3>
TUTORIAL BLOG</h3>
<ul><script src="http://adsituek.blogspot.com/feeds/posts/default/-/TUTORIAL%20BLOG?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script> </ul>
<h3> 
KOMPUTER</h3>
<ul><script src="http://adsituek.blogspot.com/feeds/posts/default/-/computer?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script> </ul>
<h3>
TEKNIK</h3>
<ul><script src="http://adsituek.blogspot.com/feeds/posts/default/-/trik%20komputer?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script> </ul>
</div>

• Jika sudah, Silahkan klik >> Simpan dan lihat hasilnya.

Catatan:

- Warna Hijau : Silahkan ganti dengan alamat URL blog anda.
- Warna Merah : Nama Judul Label, Silahkan  ganti sesuai dengan keinginan anda.
- Warna Biru : Nama label blog yang daftar isinya akan di tampilkan, Silahkan anda ganti dengan label blog anda, Besar kecil huruf harus sesuai dengan label blog anda. Gunakan %20 untuk label yang ada space atau spasinya.
- Jika anda ingin menambahkan atau mengurangi daftar label yang di tampilkan, anda bisa menambah atau mengurangi kode script-nya.
- Warna Pink adalah ukuran box atau kotak scroll. Silahkan andaganti sesuai dengan keinginan anda.

2. Cara Memasang Daftar isi label tertentu atau banyak label pada Posting dan Laman blog.

• Silahkan anda >> Login atau Masuk ke Blogger..
• Pada Dashboard pilih >> Buat Entri Baru Untuk posting.
• Untuk Laman pilih Menu >> Laman >> Laman Baru.
• Pada Kotak Posting atau Laman, Pilih Mode HTML. Bukan Compose.
• Kemudian masukkan semua kode di atas tadi.
• Jika sudah, Silahkan anda klik >> Publikasikan dan lihat hasilnya.

Jika anda mengikuti cara dan langkah-langkahnya dengan benar, Maka dapat saya pastikan trik dan tips ini berhasil dengan sempurna. Namun jika anda mengalami kesulitan, Silahkan bertanya pada form komentar yang tersedia.

Selamat mencoba, dan Sukses.

ARTIKEL TERKAIT :