cara membuat daftar isi mudah tanpa edit html

Salah satu cara untuk menampilkan semua daftar postingan adalah dengan cara membuat daftar isi. Dengan adanya daftar isi tentu akan memudahkan pengunjung (visitor) blog untuk mencari artikel di blog kita berdasarkan judul postingan selain menggunakan page number dan tombol search. Banyak cara dan plugin yang digunakan untuk menampilkan daftar isi blog,

Berikut ini langkah-langkahnya :

* Login di blogger, lalu masuk ke page element.

* Klik add page element (Terserah anda mau disimpan dimana. Baik di sidebar atau di bagian footer)

* Pilih html / javascript .

*Selanjutnya, copy paste kode di bawah :

 

<div style="border: 1px solid #000; overflow: auto; height: 220px;">
<script style="text/javascript" src="http://mizwar.blog.googlepages.com/daftar_isi.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://instanttutorial.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&max-results=999
&callback=showrecentposts"></script></div>

Silahkan ganti text yang berwarna merah dengan nama blog anda.

Catatan,
Widget tersebut, akan hanya akan menampilkan judul blog nya saja. Jika anda ingin memodifikasinya, silahkan ganti kata false dengan true atau sebaliknya. lihat text berikut :

var numposts = 1000;
var showpostdate = false; / untuk menampilkan tanggal postingan
var showpostsummary = false; / untuk menampilkan ringkasan postingan
var numchars = 100;
var standardstyling = true;

UPDATE.....
Selain cara diatas ada cara kedua yaitu pilih Klik add page element ,Pilih html / javascript Selanjutnya, copy paste kode di bawah :

 

<script style="" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src=http://instanttutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc></script>

 

ganti instanttutorial.blogspot.com dengan alamat blog anda.

Selamat mencoba, semoga bermanfaat dan jangan lupa berikan komentar.

Ref : http://echabintangtimur.blogspot.com