Rabu, 01 Mei 2019

Cara Menciptakan Daftar Isi Blog Tanpa Hosting

Tujuan utama pembuatan daftar isi atau site map pada blog yaitu untuk mempermudah pengunjung menavigasi seluruh artikel yang ada selain itu pemasangan widget ini juga sangat dianjurkan alasannya yaitu mesin pencari baik itu Google, Yahoo atau Bing lebih cepat mengenali blog anda (SEO Friendly).

Bila metode sebelumnya rekan-rekan Blogger telah memakai script yang umumya dipakai dan memakai Google code sebagai kawasan penyimpanan maka yang akan saya bagikan kali ini yaitu pemasangan script eksklusif tanpa memakai hosting alasannya yaitu kabarnya layanan tersebut sudah tidak gratis lagi.

Berikut ini yaitu script yang sanggup anda gunakan untuk menampilkan daftar isi pada blog sesuai dengan label :

<div style="margin:0; padding:10px;height:450px;overflow:auto;border:1px;">
<script type='text/javascript'>var postTitle=new Array();var postUrl=new Array();var postMp3=new Array();var postDate=new Array();var postLabels=new Array();var postBaru=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;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 n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postMp3[ii]=o;if(h<10){postBaru[ii]=true}else{postBaru[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><a href="http://melangkahdenganhati.blogspot.com" style="font-size: 8px; text-decoration:none; color: #616469;">By </a>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postMp3[e];postMp3[e]=postMp3[g];postMp3[g]=f;var f=postBaru[e];postBaru[e]=postBaru[g];postBaru[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postMp3[f];postMp3[f]=postMp3[h];postMp3[h]=g;var g=postBaru[f];postBaru[f]=postBaru[h];postBaru[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Judul Artikel";var m="Klik untuk sortir menurut judul";var d="Tanggal";var k="Klik untuk Sortir bedasarkan tanggal";var c="Kategori";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Klik untuk menampilkan semua"}h+="<table>";h+="<tr>";h+='<td class="toc-header-col1">';h+='<a href="javascript:toggleTitleSort();" title="CARA MEMBUAT DAFTAR ISI BLOG TANPA HOSTING">'+e+"</a>";h+="</td>";h+='<td class="toc-header-col2">';h+='<a href="javascript:toggleDateSort();" title="CARA MEMBUAT DAFTAR ISI BLOG TANPA HOSTING">'+d+"</a>";h+="</td>";h+='<td class="toc-header-col3">';h+='<a href="javascript:allPosts();" title="CARA MEMBUAT DAFTAR ISI BLOG TANPA HOSTING">'+c+"</a>";h+="</td>";h+='<td class="toc-header-col4">';h+="Download MP3";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="toc-entry-col1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="toc-entry-col2">'+postDate[g]+'</td><td class="toc-entry-col3">'+postLabels[g]+'</td><td class="toc-entry-col4"><a href="'+postMp3[g]+'">Download</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="toc-entry-col1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="toc-entry-col2">'+postDate[g]+'</td><td class="toc-entry-col3">'+postLabels[g]+'</td><td class="toc-entry-col4"><a href="'+postMp3[g]+'">Download</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Menampilkan Semua '+postTitle.length+" Artikel<br/></span>"}else{var f='<span class="toc-note">Menampilkan '+l+" artikel dengan kategori '";f+=postFilter+"' dari "+postTitle.length+" Total Artikel<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postBaru[a]==true){document.write(' - <strong><em><span style="color: rgb(255, 0, 0);">New !!</span> </em></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Menampilkan Daftar Isi</a> <img src="http://radiorodja.googlepages.com/new_1.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link          : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Download mp3  : <a href="'+postMp3[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};</script> 
<script src="http://melangkahdenganhati.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Silahkan copy arahan diatas namun sebelumnya sesuikan dahulu goresan pena yang berwarna merah dengan judul dan alamat blog anda.

Untuk memasangnya pada halaman statis Blogger, langkahnya yaitu sebagai berikut :
1.  Klik Laman pada dashboard kemudian pilih laman kosong.
2.  Beri judul sesuai dengan keinginan, misalnya "Daftar isi blog".
3.  Pilih mode HTML dan pastekan arahan diatas (ingat sesuaikan goresan pena merah dengan blog anda).
4.  Lakukan pratinjau terlebih dahulu.
5.  Bila risikonya sudah muncul silahkan publikasikan.
6. Untuk demonya anda sanggup melihat eksklusif pada tab atas yang berjudul SITEMAP pada blog ini.

Kelebihan dari script ini yaitu kemampuannya untuk menandai posting terbaru yang telah dibentuk pada blog anda. Bila sobat mempunyai metode yang berbeda untuk membuat daftar isi blog sesuai dengan label, silahkan membuatkan melalui kolom komentar.

Related Posts:

  • Cara Menciptakan Daftar Isi Blog Tanpa Hosting Tujuan utama pembuatan daftar isi atau site map pada blog yaitu untuk mempermudah pengunjung menavigasi seluruh artikel yang ada selain itu pemasangan widget ini juga sangat dianjurkan alasannya yaitu mesin pencari baik itu … Read More
  • Mengatur Jumlah Artikel Yang Tampil Pada Label Blogger Trik ngeblog memang tidak akan ada habisnya untuk dibahas, dalam kesempatan ini topik kita ialah cara mengatur jumlah artikel yang tampil disetiap label ketika diklik pengunjung. Hal ini menjadi penting alasannya ialah penga… Read More
  • Cara Menciptakan Widget Artikel Terbaru Fast Loading Bila anda ketika ini mencari sebuah widget fast loading yang sanggup menampilkan daftar artikel terbaru yang ada pada blog anda maka goresan pena ini mungkin sanggup membantu.  Secara umum widget ini lebih dikenal denga… Read More
  • Usaha Mengoptimalkan Kecepatan Loading Blog Siapa sih yang tidak suka dengan loading blog yang cepat? saya berani menjamin 100 % tanggapan yaitu semua pengguna internet. Bagi seorang pengelola blog hal ini juga termasuk prioritas utama, alasannya yaitu loading blog ya… Read More
  • Mengatasi Permasalahan Html Blogger Tidak selamanya aktifitas blogging itu menyenangkan, kira-kira itulah ungkapan yang sempurna disaat anda mengalami hal yang satu ini. Apakah itu? munculnya pemberitahuan duplikat konten pada penelusuran Googlebot yang terlih… Read More

0 komentar:

Posting Komentar