10/29/2016

Cara Buat Daftar Isi Blog Otomatis Super Ringan

Cara buat daftar isi blog super ringan


Halo selamat malam, mohon maaf penulis masih belum dapat konsisten untuk menulis di blog pribadi tercinta ini dikarenakan banyaknya blog yang harus dikelola. Pada kesempatan kali ini saya hanya akan membagikan bagaimana cara membuat daftar isi yang sederhana dan sangat ringan tentunya.

Kenapa demikian ? Karena dalam script daftar isi atau sitemap untuk blogspot ini dibuat secara internal, jadi keseluruhan kode script akan langsung ditempelkan didalam laman blog tanpa harus mengupload script berbentuk .js yang di hosting di media penyimpanan online yang biasa digunakan sebagai server host. Dengan demikian, anda tidak perlu takut lagi daftar isi blog menjadi berantakan akibat dihapusnya kode .js yang sebelumnya telah di host kan orang lain dan kemungkinan kode tersebut sengaja dihapus oleh si pemilik, atau memang server host tersebut sudah tutup alias mati alias bangkrut.

cara buat daftar isi blog super ringan


Bagi yang berminat silahkan langsung saja buat laman baru di blogger, selanjutnya pilih mode HTML jangan yang compose, kemudian paste kan script dibawah ini :


<script type="text/javascript">
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 3=E I();2 r=E I();2 8=E I();2 7=E I();2 z="U";2 18=Q;2 A=\'\';2 17=0;2 $h=1e.1h();6 1d(g){6 16(){4("K"12 g.P){2 a=g.P.K.n;17=a;s=0;u(2 i=0;i<a;i++){2 b=g.P.K[i];2 c=b.1f.$t;2 d=b.1M.$t.11(0,10);2 e;u(2 k=0;k<b.R.n;k++){4(b.R[k].1E==\'1J\'){e=b.R[k].S;T}}2 f=\'\';4("V"12 b){u(2 k=0;k<b.V.n;k++){f=b.V[k].1g;2 l=f.1p(\';\');4(l!=-1){f=f.11(0,l)}7[s]=f;3[s]=c;8[s]=d;r[s]=e;s=s+1}}}}}16();z="U";C(z);L();18=1L;B()}6 1N(a){1P(0,0);A=a;B(A)}6 1T(){L();A=\'\';B(A)}6 p(x,y){2 a=3[x];3[x]=3[y];3[y]=a;2 a=8[x];8[x]=8[y];8[y]=a;2 a=r[x];r[x]=r[y];r[y]=a;2 a=7[x];7[x]=7[y];7[y]=a}6 C(a){p();u(2 i=0;i<3.n-1;i++){u(2 j=i+1;j<3.n;j++){4(a=="U"){4(3[i]>3[j]){p(i,j)}}4(a=="1X"){4(3[i]<3[j]){p(i,j)}}4(a=="1i"){4(8[i]>8[j]){p(i,j)}}4(a=="1j"){4(8[i]<8[j]){p(i,j)}}4(a=="Z"){4(7[i]>7[j]){p(i,j)}}}}}6 13(a,b){p();u(2 i=a;i<b-1;i++){u(2 j=i+1;j<b;j++){4(3[i]>3[j]){p(i,j)}}}}6 L(){z="Z";C(z);2 j=0;2 i=0;F(i<3.n){v=7[i];G=j;Y{j=j+1}F(7[j]==v);i=j;13(G,j);4(i>3.n)T}}6 B(){2 j=0;2 i=0;9.o(\'<m 1U="5-w">\');F(i<3.n){v=7[i];9.o(\'<m D="5-v">\');9.o(\'<m D="5-O">\'+v+\'</m>\');9.o(\'<m D="5-q"><M>\');G=j;Y{9.o(\'<N><a S="\'+r[j]+\'">\'+3[j]+\'</a>\');9.o(\'</N>\');j=j+1}F(7[j]==v);i=j;9.o(\'</M></m></m>\');C(G,j);4(i>3.n)T}9.o(\'<m D="5-O"><a 1k="1l-1m: 1n; 1o:#X;" S="1q://1r.1s.X/1t/10/1u-1v-1w-1x-1y-1z.1A" 1B="14">14 1D</a></m>\');9.o(\'</m>\')}6 15(){$h(\'#5-w .5-q\').1F();$h(\'#5-w .5-q:1G\').1H();$h(\'#5-w .5-O\').1I(6(){2 a=$h(W).1K();4((a.H(\'.5-q\'))&&(a.H(\':J\'))){19 Q}4((a.H(\'.5-q\'))&&(!a.H(\':J\'))){$h(\'#5-w .5-q:J\').1O(\'1a\');a.1Q(\'1a\');19 Q}});2 b=1R;$h(\'.5-q M N a\').1S(6(){$h(W).1b({1c:\'1V\'},b)},6(){$h(W).1b({1c:\'1W\'},b)})}$h(9).1C(6(){15()});',62,122,'||var|postTitle|if|dafis|function|postLabels|postDate|document||||||||jnoc|||||div|length|write|swapPosts|daf|postUrl|ii||for|kategori|acc|||sortBy|postFilter|displayToc|sortPosts|class|new|while|firsti|is|Array|visible|entry|sortLabels|ol|li|label|feed|false|link|href|break|titleasc|category|this|com|do|orderlabel||substring|in|sortPosts2|Widget|initMenu|getPostData|numberfeed|tocLoaded|return|normal|animate|paddingLeft|loadtoc|jQuery|title|term|noConflict|titledesc|dateoldest|_blank|decoration|fff|color|text|lastIndexOf|http|fandiguritno|blogspot|2016|cara|buat|daftar|isi|blog|otomatis|html|Daftar|ready|Code|rel|first|Isi|show|none|alternate|slideUp|true|published|filterPosts|slideDown|scroll|datenewest|id|style|allPosts|hover|250|10px|20px'.split('|'),0,{}))</script><script src="http://fandiguritno.blogspot.com/feeds/posts/summary?max-results=500&alt=json-in-script&callback=loadtoc"></script>



Langkah pemasangan

Langkah pertama silahkan copy seluruh kode script diatas dan pastekan kedalam notepad agar tidak terdapat kode script lain yang mungkin akan ikut terbawa saat pemasangan nanti.

Langkah kedua silahkan anda membuat sebuah laman baru di blogger yang akan digunakan sebagai laman daftar isi blog.

Setelah itu silahkan anda copy script yang dari notepad tadi dan paste kan ke dalam mode HTML ( bukan compose ). Kalau bingung silahkan lihat gambar dibawah.

cara buat daftar isi blog super ringan


Tahap terakhir adalah mengganti url blog saya yang berwarna merah diatas dengan url blog kalian sendiri, kemudian langsung klik publish, selesai.



Catatan penting

Pastikan anda mengikuti tahap demi tahap pembuatan laman daftar isi diatas guna meminimalisir error.

Untuk menghindari error, silahkan anda membuat daftar isi blog tersebut melalui PC atau laptop, tidak disarankan menggunakan aplikasi blogger for android.


Semoga cara membuat daftar isi blog otomatis dan super ringan diatas dapat bermanfaat. Jika berminat artikel diatas boleh di copas dan di sebarluaskan di blog anda masing masing secara gratis tis tis tis...


18 komentar:

  1. kok hasilnya numpuk bang, kaga satu judul trus enter bawahnya, ini malah lurus aja bang

    BalasHapus
  2. habis paste kan script jangan di preview atau di ubah dari html ke kompose lagi, langsung aja publish bang. monggo dicoba lagi

    BalasHapus
  3. Haha.. mas kok dikasih izin untuk copas artikelnya? Biasanya kan temen2 pada sewot klw artikelnya di copas sama org lain.. ada rahasia apa ini mas? Siapa tau ada yg bs di bagi2 ilmu sm saya yg awam ini..

    BalasHapus
  4. hahaha iya om biar bagi bagi sikit.

    BalasHapus
  5. pas banget nih, lagi pengen buat daftar isi ginian. makasiih yaahh tutorialnya :)

    udah berhasil pr

    BalasHapus
  6. lebih ringan pake template AMP.. hehe

    BalasHapus
    Balasan
    1. hahaha saya malah belom begitu nggeh sama AMP ni, masih kolot wkwkwkwkk

      Hapus
  7. Wow, keren banget ni Mas, belum pernah ketemya yang kayak gini, terima kasih.

    BalasHapus
  8. Wih mantab mas, Sukses dan terima kasih.. o ya tema blog ini bisa nempah di mana ya mas? he,

    BalasHapus
  9. itu download punya nya wasisa kok mas, sedikit perubahan biar lebih elegan aja sih hhhhh

    lek njenengan ngersaaken monggo sambang teng mimin e mawon

    http://www.wasiwa.com/2016/03/template-seo-wasiwa-premium-simpel.html

    BalasHapus
  10. Cara edit sidebar wasiwa ini biar disamping pos gimana bro...?

    BalasHapus
    Balasan
    1. cari aja kode blog ini mas, copas gan ganti aja css code sidebar-wrapper nya.

      Hapus
  11. Lagi jalan jalan ketemu postingan menarik diblog yang katanya gak jelas ini mas��
    Tapi kok postingan yang ini jelas yah��
    Musti banyak jalan jalan ke mari saya��������

    BalasHapus
    Balasan
    1. hahahahaha mungkin sja kebetulan om wkwkwk

      Hapus
  12. mau coba ah di blog ku yang lain. thank you.

    BalasHapus