Cara Sederhana Membuat Daftar isi Otomatis Berdasar Label

Cara membuat daftar isi blog otomatis – tutorial sederhana pembuatan daftar isi dalam blog berdasaran label - Selamat datang lagi di blog saya yang simple dan sederhana ini. Kembali pada kesempatan kali ini saya Andie Shinigami akan share mengenai salah satu cara yang cukup menarik, agar tampilan blog kita seperti yang diinginkan sesuai deskripsi ( arsip blog tidak berdasar bulan bawaan blogger, melainkan kategori ). Dan ini merupakan kelanjutan dari artikel saya yang dulu mengenai Widget Populer agar Tampilan Blog Menarik

 

---- Oke, Kembali ke topic utama mengenai cara sederhana membuat daftar isi otomatis berdasar label ----

Cara ini bertujuan untuk membuat daftar isi yang sangat sederhana Seperti pada gambar berikut : 

 

mungkin kalian sudah pernah membaca tutorial seperti ini sebelumnya, tapi saya coba kemas dalam bahasa dan cara yang mudah dan sederhana. 

Daftar Isi otomatis ini bisa kalian taruh dibagian sidebar, didalam postingan dan dimanapun itu ( asal bisa menggunakan format HTML ) hiihhihihihi…. Dan satu lagi, tutorial daftar isi ini mempunyai scroll bar lho, jadi bisa mempersempit ruangan tapi mampu mencakup semua isi artikel Kita.

Baiklah, Langsung saja berikut cara atau tutorial untuk memasang daftar isi secara otomatis berdasar label.

-) Memasang daftar isi otomatis didalam postingan

1. Buat Entri / Postingan Baru
2. Pilih mode “Entri  HTML Bukan Compose”

3. 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://andieshinigami.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div> 

4. Jika sudah, publikasikan postingan kalian dan kemudian bisa lihat hasilnya
5. Pasti waaah dalam hati kalian…. :D

-) Memasang Daftar Isi otomatis Pada Bagian Sidebar Blog

1. Pada bagian dashboar blogger klik Tata Letak / Layout
2. Klik Tambah Gadget atau Add a Gadget / tambah widget
3. Pilih widget HTML/JavaScript
4. Co-pas 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://andieshinigami.blogspot.com /feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div> 

5. Klik Simpan dan Lihat Hasilnya

NB :

• Kode warna merah adalah ukuran tinggi daftar isi ( silahkan kalian disesuaikan sendiri ).
• Kode warna biru adalah URL blog ( silahkan ganti dengan URL Blog milik kamu sendiri ).

bila ada yang kurang jelas, silakan isi komentar di bawah ini dan bila ada petunjuk yang kurang tepat, mohon maaf dan kalian bisa mengajukan kritik serta saran untuk blog saya ini. 

Sekian artikel saya mengenai Cara Membuat Daftar isi Blog secara Otomatis Berdasarkan Label kali ini. semoga bermanfaat dan bisa membantu dalam membuat daftar isi dihalaman yang lebih baik. Terima kasih sudah mampir, See U later & Hasta La Vista Baby 

Referensi : daput-tutorial.blogspot.com