Daftar Isi Blog Tanpa Javascript Lebih Ringan

· Seo, Tips
Penulis

Untuk membuat daftar isi blog atau yang disebut juga sitemap, biasanya membutuhkaneksternal javascript yang diletakan di luar blogger. cara membuat daftar isi blog yang seperti ini secara tidak langsung akan menambah berat blog saat diakses.

Dengan membuat daftar isi blog tanpa eksternal javascript, akan mempercepat loading halaman blog dan membuat pengunjung blog lebih betah berlama-lama membuka blog yang anda miliki. tentunya akan berdampak positif pada page view yang didapatkan dari pengunjungblog.

Cara membuat sitemap blog tanpa eksternal javascript saya temukan dari pengalaman pribadi yang bersumber dari eksternal javascript yang digunakan Kopi Anget Blog.

Dan teryata untuk membuat daftar isi blog tidaklah susah dan dampaknya tentu loading halaman daftar isi blog akan lebih cepat dibanding menggunakan eksternal javascript. sedangkan dampak positif yang lebih jauh adalah kesempatan mendapatkan page view lebih banyak dari pengunjung blog.

Dalam pembuatan sitemap blog tanpa eksternal javascript ini dibutuhkan 2 buah script, yang pertama untuk meng-generate list artikel atau daftar postingan dan yang kedua untuk memanggil url postingan dari feed blog. Kedua script tersebut akan dimasukan kedalam static page yang nantinya digunakan sebagai halaman daftar isi blog.

Script pertama digunakan untuk membuat daftar isi blog :
<script type=”text/javascript”>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://kangtopjer.blogspot.com/&#8221; style=”font-size: 1px; text-decoration:none; color: #333;”>kangtopjer</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}}};</script>

Script kedua digunakan untuk memanggil posting dari feed blog :

<script src=”http://wahanainformatika.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc”&gt;
</script>

!! Ganti http://wahanainformatika.blogspot.com dengan URL blog anda.

Cara membuat daftar isi blog atau sitemap blog tanpa eksternal javascript adalah sebagai berikut :

  1. Login ke akun blogger
  2. Klik Posting kemudian Edit Pages
  3. Klik New Page dan paste script pertama yang sudah di copy tadi
  4. Kemudian paste script kedua persis dibawah script pertama
  5. Klik Publish Page
  6. Daftar isi blog tanpa javascript sudah jadi

Tujuan utama pembuatan daftar isi blog tanpa eksternal javascript adalah untuk memaksimalkan loading halaman blog sehingga pengunjung blog akan lebih betah beralam-lama untuk membaca artikel yang ada pada blog anda.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: