Pasang Widget Daftar Isi Blog Otomatis

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 otomatis dengan menggunakan javascript. Bila masih ada yang belum mengerti mengenai hal ini, anda bisa lihat contohnya di atas setiap postingan blog ini.

Bagi anda yang ingin pasang widget Daftar Isi Blog Otomatis , 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 membuat Daftar Isi Blog Otomatis.

Anda baru saja membaca artikel yang berkategori Tutorial Blogspot dengan judul Pasang Widget Daftar Isi Blog Otomatis. Anda bisa bookmark halaman ini dengan URL http://lint4ng4yu.blogspot.com/2009/07/pasang-widget-daftar-isi-blog-otomatis.html. Terima kasih!

Ditulis oleh: Lintang Ayu -