Cara Membuat Daftar isi Blog Otomatis Berdasarkan Label - Nah pada kesempatan kali ini Nona Burger ingin berbagi tips tentang cara mudah membuat daftar isi blog berdasarkan Label Seperti pada gambar berikut :
Nona Burger tidak menjelaskan lagi apa fungsi dari daftar isi, pastinya anda sobat Blogger sudah pada tau kegunaannya. Memasang
daftar isi yang ini tidak begitu sulit seperti memasang
daftar isi keren menggunakan JQuery karena anda tidak perlu melakukan Edit HTML. Namun dari segi tampilan,
Daftar isi dengan JQuery memang lebih keren jika dibanding dengan daftar isi ini.
Daftar Isi bisa anda letakan dibagian sidebar atau didalam postingan. Langsung saja berikut langkah-langkah untuk memasang widget daftar isi otomatis.
Memasang daftar isi didalam postingan
- Buat Sebuah Postingan Baru
- Pilih mode entri HTML Bukan Compose
- Copas kode berikut kedalam halaman Entri HTML
<div style="border: 1px solid #000000; height: 250px; overflow: auto; padding: 5px; width: auto;">
<script src="http://dapurtutorial.googlecode.com/files/daftar-isi-auto.js"></script><script src="http://burger-cheese.blogspot.com//feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script>
</div>
- Jika sudah publikasikan postingan dan lihat hasilnya
Memasang Daftar Isi Pada Bagian Sidebar Blog
- Pada bagian dashboar blogger pilih Tata Letak atau Layout
- Klik Tambah Gadget atau Add a Gadget
- Pilih widget HTML/JavaScript
- Copas kode berikut dan masukan ke kolom HTML/JavaScript
<div style="border: 1px solid #000000; height: 250px; overflow: auto; padding: 5px; width: auto;">
<script src="http://dapurtutorial.googlecode.com/files/daftar-isi-auto.js"></script><script src="http://burger-cheese.blogspot.com//feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script>
</div>
- Klik Simpan dan Lihat Hasilnya
Keterangan :
- Kode warna merah adalah ukuran tinggi daftar isi silahkan disesuaikan.
- Kode warna biru adalah URL blog silahkan ganti dengan URL Blog milik anda
