Daftar isi widget blog

Daftar isi blog merupakan suatu elemen penting yang harus dimiliki oleh suatu blog. Karena dengan adanya daftar isi blog tersebut, para pengunjung akan lebih mudah untuk mencari suatu artikel yang mereka cari. Kali ini, saya akan share mengenai bagaimana cara membuat daftar isi blog dengan menggunakan javascript. Bila masih ada yang belum mengerti mengenai hal ini, anda bisa lihat contohnya di bawah ini :

Nah...bagi anda yang pengen pasang widget tersebut di blognya, berikut langkah - langkahnya :

1. Login di blogger, lalu masuk ke page element.


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


3. Pilih html / javascript (lihat anak panah di gambar)
   
   


4. 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://BLOGANDA.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&max-results=999
&callback=showrecentposts"></script>
</div>


5. Silahkan ganti text yang berwarna merah dengan nama blog anda.

Tambahan
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;

Ok..selamat mencoba