Pada kesempatan kali ini saya akan share artikel tentang cara membuat daftar isi diblog, Namun daftar isi yang akan kita buat kali ini berdasarkan label atau kategori. Jadi daftar isi ini hanya akan menampilkan daftar isi dari label atau kategori tertentu saja.
Fungsi dari daftar isi perlabel atau kategori ini adalah untuk memudahkan visitor atau pengunjung blog kita agar dapat dengan cepat menemukan apa yang dicari dalam blog kita. Sahabat bisa menaruh daftar isi ini di sidebar maupun dimana saja posisinya seperti yang sobat inginkan. Tampilannya pun menarik dan rapi tidak amburadul, Jadi bisa juga untuk mempercantik blog kita biar terkesan profesional.
Daftar isi perlabel ini sudah di modifikasi, Otomatis menggunakan scroll box. Jadi sahabat jangan khawatir, Daftar isi ini tidak akan memakan banyak tempat di template blog sahabat. Untuk melihat contohnya seperti apa tampilannya daftar isi perlabel ini, Sahabat bisa melihat contoh screenshoot gambarnya di bawah ini.
Fungsi dari daftar isi perlabel atau kategori ini adalah untuk memudahkan visitor atau pengunjung blog kita agar dapat dengan cepat menemukan apa yang dicari dalam blog kita. Sahabat bisa menaruh daftar isi ini di sidebar maupun dimana saja posisinya seperti yang sobat inginkan. Tampilannya pun menarik dan rapi tidak amburadul, Jadi bisa juga untuk mempercantik blog kita biar terkesan profesional.
Daftar isi perlabel ini sudah di modifikasi, Otomatis menggunakan scroll box. Jadi sahabat jangan khawatir, Daftar isi ini tidak akan memakan banyak tempat di template blog sahabat. Untuk melihat contohnya seperti apa tampilannya daftar isi perlabel ini, Sahabat bisa melihat contoh screenshoot gambarnya di bawah ini.
Gimana? Sahabat tertarik untuk membuatnya?
Jika sahabat tertarik untuk membuat dan memasangnya di blog sahabat, Ikuti langkah-langkahnya di bawah:
Cara Memasang Daftar Isi Perlabel di Blog
1. Silahkan sahabat >> Masuk/Login pada blog sahabat.
2. Kemudian pada Menu Blogger yang baru, Pilih >> Tata Letak.
3. Langkah selanjutnya sahabat pilih dimana kira-kira daftar isi perlabel ini akan di letakkan, Caranya klik tab >> Tambahkan Gadget.
4. Lalu pilih >> HTML/JavaScript.
5. Kemudian silahkan anda masukkan semua kode script dibawah ini:
Keterangan:
Jika sahabat tertarik untuk membuat dan memasangnya di blog sahabat, Ikuti langkah-langkahnya di bawah:
Cara Memasang Daftar Isi Perlabel di Blog
1. Silahkan sahabat >> Masuk/Login pada blog sahabat.
2. Kemudian pada Menu Blogger yang baru, Pilih >> Tata Letak.
3. Langkah selanjutnya sahabat pilih dimana kira-kira daftar isi perlabel ini akan di letakkan, Caranya klik tab >> Tambahkan Gadget.
4. Lalu pilih >> HTML/JavaScript.
5. Kemudian silahkan anda masukkan semua kode script dibawah ini:
<div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;">
<ul><script>
var numposts = 100;
var standardstyling = true;
</script> </ul>
<script src="http://kang-onk.googlecode.com/files/label-post.js" type="text/javascript"></script>
<ul><script src="http://caridollaryok.blogspot.com/feeds/posts/default/-/TUTORIAL%20BLOG?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script> </ul>
</div>
<ul><script>
var numposts = 100;
var standardstyling = true;
</script> </ul>
<script src="http://kang-onk.googlecode.com/files/label-post.js" type="text/javascript"></script>
<ul><script src="http://caridollaryok.blogspot.com/feeds/posts/default/-/TUTORIAL%20BLOG?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script> </ul>
</div>
- height: 200px; adalah ukuran tinggi scroll box (kotak scroll), Silahkan anda ganti nilainya sesuai dengan keinginan anda.
- Ganti http://caridollaryok.blogspot.com dengan URL blog anda.
- Ganti TUTORIAL%20BLOG dengan label sahabat yang ingin ditampilkan pada daftar isi. Ingat: Label harus sesuai dengan besar kecil huruf label pada blog.
- Gunakan %20 jika label sobat ada space (spasi) nya.
- max-results=999" adalah banyaknya judul posting dalam daftar isi yang akan di tampilkan, Silahkan sahabat ganti nilainya sesuai dengan keinginan.
0 comments:
Post a Comment