0 Cara Membuat Daftar Isi Otomatis Versi 2

 Panduan Blogspot kali ini kita akan membaha tentang Cara Membuat Daftar Isi Versi 2.Pada postingan saya sebelumnya,kita telah membahas tentang Cara Membuat Daftar Isi Otomatis Di Blog.Dalam Panduan Blogspot kali ini,kita akan memasang daftar isi otomatis tersebut di halaman blog.Coba sobat Lihat Daftar Isi Blog saya di Daftar Isi Blog AKC.Bagaimana menurut sobat tampilan daftar isi di blog saya ini?.Apakah sobat sekalian tertarik untuk membuat daftar isi blog seperti daftar isi blog saya?.Jika sobat sekalian tertarik,silahkan ikuti beberapa langkah berikut ini


Cara Membuat Daftar Isi Otomatis Di Blog Versi 2:
1.Login ke Akun Blogger Sobat
2.Klik Menu Laman
3.Klik Buat Laman
4.Klik Laman Kosong
5.Karena yang akan kita masukan di form isi posting adalah kode java script,maka Pada Form Posting,silahkan sobat klik menu HTML.Lihat Gambar di bawah

 6.Kemudian,,,,masukan kode di bawah ini di form isi posting,Jangan lupa pada Form Judul isi dengan judul DAFTAR ISI.

<script type="text/javascript">

//<![CDATA[

var postTitle=new Array();var postUrl=new Array();var postMp3=new Array();var postDate=new Array();var postYear=new Array();var postMonth=new Array();var postYearMonth=new Array();var postYearMonth2=new Array();var postTanggal=new Array();var postLabels=new Array();var postBaru=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;var month2=["January","February","March","April","May","June","July","August","September","October","November","December"];function loadtoc(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var m=a.feed.entry[h];var e=m.title.$t;var l=m.published.$t.substring(0,10);var p=m.published.$t.substring(5,7);var g=m.published.$t.substring(8,10);var n=month2[parseInt(p,10)-1]+" "+m.published.$t.substring(0,4);var c="/"+m.published.$t.substring(0,4)+"_"+p+"_01_archive.html";var j;for(var f=0;f<m.link.length;f++){if(m.link[f].rel=="alternate"){j=m.link[f].href;break}}var o="";for(var f=0;f<m.link.length;f++){if(m.link[f].rel=="enclosure"){o=m.link[f].href;break}}postTitle.push(e);postDate.push(l);postUrl.push(j);postYearMonth.push(n);postYearMonth2.push(c);postTanggal.push(g)}}}b();displayToc2()}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postYearMonth[b];document.write("<p/>");document.write('<a href="'+postYearMonth2[b]+'"><b>Sitemap Of '+temp1+"</b></a><ul>");firsti=a;do{document.write("

<li>");document.write('<a href="'+postUrl[a]+'">'+postTitle[a]+" on Andrey Kusanagi</a>");document.write("</li>

");a=a+1}while(postYearMonth[a]==temp1);b=a;document.write("</ul>

");if(b>postTitle.length){break}}};//]]>

</script>

<script src="http://www.andreykusanagi.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">

</script>

Keterangan :
Ganti tulisan yang bercetak tebal dengan alamat blog sobat.

7.KlikPublikasikan
8.Selesai

Bagi sobat blogger yang menggunakan tampilan antarmuka blogger yang lama,silahkan ikuti lankah berikut
1.Login ke akun blogger sobat
2.Klik Munu Edit Entri
3.Klik Edit Laman
4.Klik Laman Baru
5.Karena yang akan kita masukan di form isi posting adalah kode java script,maka Pada Form Posting,silahkan sobat klik menu HTML.Lihat Gambar diatas
6.Maukan Kode Di atas di dalam form isi posting.Jangan lupa pada Form Judul isi dengan judul DAFTAR ISI.
7.Klik Terbitkan

Cobat sobat sekalian lihat hasilnya.Mudah-mudahan blog sobat semakin keren dan ramai pengunjungnya.Semoga postingan saya ini tentang Cara Membuat Daftar Isi Versi 2 bisa bermanfaat.Sampai jumpa di Panduan Blogspot berikutnya.