Home » » Cara Buat Daftar Isi Blogspot Sendiri

Cara Buat Daftar Isi Blogspot Sendiri

Daftar isi yang akan saya share menggunakan JavaScript, seperti yang anda tahu bahwa banyak tutorial penerapan membuat daftar isi menggunakan JavaScript eksternal dari link url si pembuat melalui google drive. Resiko membuat Daftar isi blog anda menggunakan script dari url orang lain, apabila dihapus oleh si pembuat maka tampilan daftar isi anda akan blank kembali.

Contoh anda menggunakan script pertama yang siap pakai dibawah ini, memang untuk waktu yang lama mungkin work, tetapi bagaimana jika saya menghapus script ini atau mengubah hwo has acces dari publik menjadi pribadi, kembali ke resiko yang saya sebut diatas, maka daftar isi blog kawan semua akan blank.

1. Script pertama
contoh script Daftar isi biasa tanpa scroll menurut label blog ini :

<script src="https://googledrive.com/host/0B05exuBfCHDhRGNZZm9YWFlkRTA"></script><script src="http://inteku.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>


Note:script ini dapat anda gunakan langsung pada blog, tinggal edit script berwarna merah dengan url blog anda


Untuk anda yang tidak ingin menggunakan script pertama yang saya berikan, atau lebih tepatnya ingin mengupload script secara mandiri. Perhatikan URL warna biru diatas jika kalian kunjungi url tersebut maka akan didapatkan halaman berisi script berikut :

2. Script kedua

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();document.write('<br/><a href="http://www.inteku.blogspot.com/" style="font-size: 1px; text-decoration:none; color: #333;">Inteku</a></br/>')}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postYearMonth[b];document.write("<p/>");document.write('<p><a href="'+postYearMonth2[b]+'">'+temp1+"</a></p><ul>");firsti=a;do{document.write("<li>");document.write("["+postTanggal[a]+'] <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><p>");document.write("</li>");a=a+1}while(postYearMonth[a]==temp1);b=a;document.write("</ul>");if(b>postTitle.length){break}}};

Silahkan anda copy script kedua diatas, lalu sesuaikan text berwarna biru pada script kedua diatas tadi menggunakan notepad untuk url ganti dengan url drive id anda, dan nama blog inteku rubah dengan nama blog anda, atau jika anda pengguna android gunakan turbo editor. Simpan file dengan format .js
Upload via Google Drive ubah share link akses menjadi publik, copy paste link yang didapatkan dari google drive.
URL umumnya yang akan didapat https://docs.google.com/file/d/0B05exuBfCHDhRGNZZm9YWFlkRTA/edit?usp=docslist_api

Untuk menerima perintah sama halnya seperti kita upload lewat google code, ubah url tadi menjadi seperti ini https://googledrive.com/host/0B05exuBfCHDhRGNZZm9YWFlkRTA

Sign in ke blog anda-> halaman-> new page atau buat halaman baru-> dari compose ganti ke html-> copy paste sama persis seperti script pertama, hanya perbedaanya script src dengan teks warna biru, sudah anda ganti dengan url yang anda dapatkan dari hasil upload script kedua, intinya host script sendiri, publish.
Dan yang paling penting loading page jadi lebih ringan.

daftar isi sitemap

Hasil via Android mode portrait.

daftar isi sitemap

Hasil via Android mode landscape

Jadi anda tidak perlu khawatir apabila url script akan dihapus oleh si pembuat lagi, dikarenakan anda adalah owner dari script yang anda upload tadi.
Sedikit tambahan saja, apabila daftar isi tidak mau muncul walaupun sudah anda share acces anyone, artinya anda harus merubah acces share ketingkat lanjut, yaitu public on the web caranya bisa anda pelajari di postingan saya yang lain http://inteku.blogspot.com/2015/05/cara-baru-google-drive-share-access.html untuk host script memang wajib akses public on the web untuk menjadikanya perfect akses, tetapi untuk file host file unduhan anda tidak perlu untuk share akses tingkat lanjut ini.

© If you want to copy Article, please provide the source

0 comments:

Post a comment

Silahkan berkomentar jika sempat, klik notify me/beritahu saya, agar ketika saya balas, ada pemberitahuan.
• Baru Mei 2015.
- No URL Promosi (except Open ID)
- No Live Link
- No Sara
- No Spamming

Posting Terbaru