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 by label. Namun untuk daftar
isi dengan Jquery Accordion sudah menggunakan efek Jquery dan akan
menampilkan daftar isi dari 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 di blog
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.
Cara memasangnya di blog ada dua cara yaitu:
1. Memasang Daftar isi label tertentu atau banyak label pada
Widget blog.
2. Memasang Daftar isi label tertentu atau banyak label pada
Posting dan Laman blog.
Untuk cara memasangnya silahkan sobat ikuti langkah-langkahnya sebagai berikut.
1. Cara memasang Daftar isi Label tertentu atau banyak Label pada Widget Blog
- Silahkan sobat >> Login atau Masuk ke Blogger.com menggunakan akun sobat.
- 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://kuc0pas.blogspot.com/feeds/posts/default/-/
TUTORIAL%20BLOG?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
<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>
<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>
- Jika sudah di masukkan semua kodenya, Silahkan sobat klik >> Simpan dan lihat hasilnya.
Catatan:
- 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 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 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 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.
Adapted :
http://kuc0pas.blogspot.com/
