Cara Membuat Daftar Isi Blog Secara Otomatis

Daftar isi blog ini berfungsi sebagai untuk memberi info daftar isi blog kita ke pengunjung. Jadi pengunjung bisa menelusuri konten yang telah kita tulis melalui widget daftar isi. Tapi di luar sana banyak yang memberikan tutorial membuat daftar isi blog menggunakan css dan javascript yang dimana bisa membuat loading blog menjadi sedikit agak lambat. Tapi jangan risau sob, disini saya akan share widget yang Ringan dan tentunya membuat cepat loading. Berikut adalah gambarnya :


1. Buka Blogger
2.  Lalu Buatlah Postingan baru. Bisa di posting atau di laman.

3. Lalu pilih HTML di samping Compose

4. Setelah itu copy di bawah ini
<div style="background-color: none; border: 1px solid #000000; height: 400px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">
<script src="http://henry-blogger.googlecode.com/files/daftar-isi-blog.js"></script><script src="http://henry-multimedia-informasi.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>
5. Lalu ganti kode yang berwarna merah dengan url blog anda
6. Kemudian Publishkan dan liat hasilnya


Oke cukup sekian Cara Gampang Membuat Daftar Isi Otomatis
Semoga Bermanfaat... 
 
Previous
Next Post »

5 komentar

Write komentar
Eko Wahyudi
AUTHOR
June 1, 2013 at 5:20 PM delete

ijin coba gan..
mampir balik ;) http://eko-rcs.blogspot.com/ masih sepi

Reply
avatar
Henry Dwi.s
AUTHOR
June 4, 2013 at 5:21 PM delete

Oke gan, Semoga cepat ramainya gan :-d

Reply
avatar
zero-from
AUTHOR
October 15, 2013 at 1:42 PM delete

gmna nih apanya yang berubah??? benzz-ninja.blogspot.com

Reply
avatar
jervin boy
AUTHOR
October 15, 2013 at 4:07 PM delete

bro cara membuat menu list atau hilangkan barang yg tidak perlu gimana yah kayak daftar isi mau di ganti menu list

Reply
avatar
Henry Dwi.s
AUTHOR
October 15, 2013 at 9:16 PM delete

setiap postingan anda sudah di kasih label blom?

Reply
avatar

=======================================================
• Untuk menyisipkan kode, gunakan tag [code]... KODE ...[/code]

• Untuk menyisipkan kode panjang, gunakan tag [pre]... KODE ...[/pre]

• Untuk menyisipkan catatan, gunakan [quote]...CATATAN ...[/quote]

• Untuk menyisipkan gambar, gunakan [img]..URL GAMBAR..[/img]

• Untuk menyisipkan video, gunakan [youtube]..URL VIDEO..[youtube]
======================================================= EmoticonEmoticon