Cara Membuat Daftar Isi Label Tertentu

Atau Banyak Label Di Blog

Written By Ku Copas on Tuesday, 11 December 2012 | 12/11/2012 01:33:00 am

KUCOPAS - Cara Membuat Daftar Isi Label Tertentu Atau Banyak Label (Category) Di
Blog. Daftar Isi by label (Category) itulah kata familiarnya dalam dunia blogger untuk artikel
yang akan saya share ini. 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.

Tampilan dari daftar isi by label ini kurang lebih seperti daftar isi jQuery Accordion, kerena
fungsinya juga sama-sama daftar isi berdasarkan label. Namun untuk daftar isi dengan Jquery
Accordion sudah menggunakan efek jQuery dan akan menampilkan isi dari daftar isi
keseluruhan blog itu sendiri, sedangkan daftar isi by label atau banyak label ini bisa di atur
manual perlabel atau banyak label yang kita ingin tampilkan di halaman posting, laman maupun
widget blog.

Oke sekarang kita kembali ke pokok bahasan cara membuat daftar isi label tertentu atau banyak
label di blog. Cara pemasangannya diblog sangat mudah sekali, karena sobat tidak usah repot-
repot Edit HTML dalam template blog sobat yang tentunya sangat 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.

DEMO
Cara Membuat Dan Memasang Daftar Isi Label Tertentu Atau Banyak Label Di Blog
Ada dua cara yaitu:
1. Pada Widget blog.
2. Pada Posting dan Laman blog.
1. Cara Membuat Dan Memasang Daftar Isi Label Tertentu Atau Banyak Label Pada
Widget Blog

 Silahkan sobat >> Login atau Masuk ke >> Blogger.com menggunakan akun sobat.

 Pada Dasbor 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://kuc0pas.blogspot.com/feeds/posts/default/-/TUTORIAL%20BLOG?
orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-
results=999"></script> </ul>
<h3>
TRIK FACEBOOK</h3>
<ul><script src="http://kuc0pas.blogspot.com/feeds/posts/default/-/trik%20facebook?
orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-
results=999"></script> </ul>
<h3>
TECHNO</h3>
<ul><script src="http://kuc0pas.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 di masukkan semua kodenya, silahkan sobat klik >> Simpan dan lihat
hasilnya.

Keterangan:

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

2. Cara Membuat Dan Memasang Daftar Isi Label Tertentu Atau Banyak Label Pada
Posting Dan Laman Blog

 Silahkan sobat >> Login atau Masuk ke >> Blogger.com menggunakan akun sobat.
 Pada Dasbor pilih Menu >> 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 sobat klik >> Publikasikan dan lihat hasilnya.

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

Demikian artikel trik tentang Cara Membuat Daftar Isi Label Tertentu Atau Banyak Label
Di Blog, semoga bisa sangat bermanfaat bagi sobat KUCOPAS semua.

Title: Cara Membuat Daftar Isi Label Tertentu Atau Banyak Label Di Blog
Posted by:Ku Copas
Published :2012-12-11T01:33:00+07:00
Rating: 4.5
Reviewer: 7 Reviews
Cara Membuat Daftar Isi Label Tertentu Atau Banyak Label Di Blog
- See more at: http://kuc0pas.blogspot.com/2012/12/cara-membuat-daftar-isi-label-
tertentu.html#sthash.a3LrEpSl.dpuf