Monday, April 15, 2013

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... 
 

Related Posts

Cara Membuat Daftar Isi Blog Secara Otomatis
4/ 5
Oleh

Subscribe via email

Like the post above? Please subscribe to the latest posts directly via email.

5 komentar

Tulis komentar
avatar
June 1, 2013 at 5:20 PM

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

Reply
avatar
June 4, 2013 at 5:21 PM

Oke gan, Semoga cepat ramainya gan :-d

Reply
avatar
October 15, 2013 at 1:42 PM

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

Reply
avatar
October 15, 2013 at 4:07 PM

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

Reply
avatar
October 15, 2013 at 9:16 PM

setiap postingan anda sudah di kasih label blom?

Reply

=======================================================
• 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]
=======================================================