Home » » Cara Buat Daftar Isi Blog Super Ringan

Cara Buat Daftar Isi Blog Super Ringan

Advertisement
Cara buat daftar isi otomatis super ringan - setelah mondar mandir blogging kesana kemari hanya untuk mengetahui cara memasang daftar isi pada blog kita dengan harapan agar pengunjung lebih mudah dalam menelusuri seluruh isi blog kita.

Dari seluruh tutorial yang ada,kebanyakan mereka memakai script dari external/dari luar blog milik kita seperti script " src........js " yang mana akan membuat loading blog milik kita menjadi lebih lambat ketika meload suatu laman.

js script


Contoh Script pertama
 "<script src="http://namascript.googlecode.com/files/judul script.js"></script>
Script kedua
<script src="http://nama blog anda.blogspot.com/feeds/posts/default?max-results=509&amp;alt=json-in-script&amp;callback=loadtoc"></script>


Bila anda cermati kode script diatas adalah dua buah script yag digabung menjadi satu, dan script script yang seperti ini biasanya malah membuat loading blog kita menjadi sangat lambat karena lamanya proses perenderan, bahkan ada yang sampai tidak terbuka selama beberapa menit apalagi kalau sinyal jaringan internet sedang naik turun, bisa bisa sampai ber jam jam.

*sungguh membosankan bukan menunggu load blog yg super lelet begitu.

Dari pada anda memakai script instant yang disediakan oleh pihak ketiga tersebut, alangkah baiknya anda berkreasi sendiri dengan mengolah serta memasukkan script yang dari pihak ketiga (diatas berwarna merah) tadi menjadi script internal di blog anda sendiri. Sebagai contoh,script yang saya beri warna merah diatas bila anda kunjungi akan terlihat isi script seperti yang saya beri warna ungu dibawah ini:

eval(function(p,a,c,k,e,d){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--)d[e(c)]=k[c]||e(c);k=[function(e){return d[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 4=F A();2 n=F A();2 b=F A();2 7=F A();2 9="J";2 18=T;2 v=\'\';2 1g=0;2 $e=1w.1s();6 1q(B){6 14(){3("8"1d B.X){2 W=B.X.8.f;1g=W;p=0;o(2 i=0;i<W;i++){2 8=B.X.8[i];2 1e=8.1u.$t;2 1f=8.1k.$t.1c(0,10);2 S;o(2 k=0;k<8.M.f;k++){3(8.M[k].1l==\'1n\'){S=8.M[k].L;I}}2 s=\'\';3("K"1d 8){o(2 k=0;k<8.K.f;k++){s=8.K[k].1t;2 l=s.1v(\';\');3(l!=-1){s=s.1c(0,l)}7[p]=s;4[p]=1e;b[p]=1f;n[p]=S;p=p+1}}}}}14();9="J";G(9);O();18=1p;D()}6 1j(16){1h(0,0);v=16;D(v)}6 1m(){O();v=\'\';D(v)}6 h(x,y){2 m=4[x];4[x]=4[y];4[y]=m;2 m=b[x];b[x]=b[y];b[y]=m;2 m=n[x];n[x]=n[y];n[y]=m;2 m=7[x];7[x]=7[y];7[y]=m}6 G(9){h();o(2 i=0;i<4.f-1;i++){o(2 j=i+1;j<4.f;j++){3(9=="J"){3(4[i]>4[j]){h(i,j)}}3(9=="1U"){3(4[i]<4[j]){h(i,j)}}3(9=="1V"){3(b[i]>b[j]){h(i,j)}}3(9=="1W"){3(b[i]<b[j]){h(i,j)}}3(9=="1a"){3(7[i]>7[j]){h(i,j)}}}}}6 19(15,P){h();o(2 i=15;i<P-1;i++){o(2 j=i+1;j<P;j++){3(4[i]>4[j]){h(i,j)}}}}6 O(){9="1a";G(9);2 j=0;2 i=0;C(i<4.f){u=7[i];E=j;Z{j=j+1}C(7[j]==u);i=j;19(E,j);3(i>4.f)I}}6 D(){2 j=0;2 i=0;d.g(\'<c 1R="5-w">\');C(i<4.f){u=7[i];d.g(\'<c z="5-u">\');d.g(\'<c z="5-V">\'+u+\'</c>\');d.g(\'<c z="5-q"><U>\');E=j;Z{d.g(\'<R><a L="\'+n[j]+\'">\'+4[j]+\'</a>\');d.g(\'</R>\');j=j+1}C(7[j]==u);i=j;d.g(\'</U></c></c>\');G(E,j);3(i>4.f)I}d.g(\'<c z="5-V"><a 1P="1D-1C: 1F; 1E:#1B;" L="1y://1x-1A.1z.1M/" 1L="1O">1N 1K 1H</a></c>\');d.g(\'</c>\')}6 11(){$e(\'#5-w .5-q\').1J();$e(\'#5-w .5-q:1I\').1i();$e(\'#5-w .5-V\').1G(6(){2 r=$e(Q).1Z();3((r.H(\'.5-q\'))&&(r.H(\':Y\'))){13 T}3((r.H(\'.5-q\'))&&(!r.H(\':Y\'))){$e(\'#5-w .5-q:Y\').1Y(\'12\');r.1X(\'12\');13 T}});2 N=1S;$e(\'.5-q U R a\').1Q(6(){$e(Q).17({1b:\'1T\'},N)},6(){$e(Q).17({1b:\'1r\'},N)})}$e(d).1o(6(){11()});',62,124,'||var|if|postTitle|dafis|function|postLabels|entry|sortBy||postDate|div|document|
jnoc|length|write|swapPosts|||||temp|postUrl|for|ii|daf|checkElement|pll||kategori|postFilter|acc|||class|
Array|json|while|displayToc|firsti|new|sortPosts|is|break|titleasc|category|href|link|Duration|sortLabels|
lastvar|this|li|posturl|false|ol|label|numEntries|feed|visible|do||initMenu|normal|return|getPostData|
firstvar|filter|animate|tocLoaded|sortPosts2|orderlabel|paddingLeft|substring|in|posttitle|postdate|
numberfeed|scroll|show|filterPosts|published|rel|allPosts|alternate|ready|true|loadtoc|10px|noConflict|
term|title|lastIndexOf|jQuery|blogger|http|www|tuliskan|com|fff|decoration|text|color|none|click|Isi|
first|hide|Daftar|target|com|Widget|_blank|style|hover|id|250|20px|titledesc|dateoldest|datenewest|
slideDown|slideUp|next'.split('|'),0,{}))

Nah script tersebut cukup anda modif sedikit lalu anda gabungkan diatas script ke-2.yang nanti jadi nya akan seperti dibawah ini Silahkan langsung dicopas aja biar agan ndak ribet:

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


Bila anda sudah paham cara diatas kita lanjut dibawah ini.
  1. buka pos baru/laman kosong dan taruh script tersebut pada halaman kosong anda pada bilah HTML bukan yang compose.
  2. ganti warna hijau dengan nama blog anda.
Untuk melihat/membandingkan/memperbaiki agar load blog anda agar lebih cepat anda bisa mengetahuinya melalui tool milik google GOOGLE PAGE SPEED. Semoga tips diatas dapat membantu anda :-).

Baca juga : Cara meningkatkan penghasilan google adsense


Advertisement

Advertisement