Showing posts sorted by date for query cara-membuat-daftar-isi-blog-sitemap. Sort by relevance Show all posts

Cara Menciptakan Daftar Isi (Sitemap) Blog Menurut Label - Simple & Fast Loading

Cara Membuat Daftar Isi (Sitemap) Blog Berdasarkan Label - Simple & Fast Loading.

 ialah halaman khusus yang berisi daftar judul posting blog Cara Membuat Daftar Isi (Sitemap) Blog Berdasarkan Label - Simple & Fast Loading
DAFTAR Isi (table of content) atau peta situs (sitemap) ialah halaman khusus yang berisi daftar judul posting blog.

Daftar isi atau sitemap ini berupa indeks konten blog menurut Label (kategori). Demonya dapat dilihat di Sitemap Blog ini.

Fungsinya bukan hanya untuk pengunjung (user friendly), tapi juga untuk kepentingan indeks Google atau SEO.

Harap diingat, sitemap di halaman statis ini berbeda dengan sitemap yang kita daftarkan di Webmaster Google.

Cara Membuat Daftar Isi (Sitemap) Blog 

Berikut ini Cara Membuat Daftar Isi (Sitemap) Blog Berdasarkan Label.

1. Klik Pages (Halaman) > pilih New Page (Halaman Baru)

 ialah halaman khusus yang berisi daftar judul posting blog Cara Membuat Daftar Isi (Sitemap) Blog Berdasarkan Label - Simple & Fast Loading

2. Isi judul halaman dengan Sitemap.
3. Klik mode HTML

 ialah halaman khusus yang berisi daftar judul posting blog Cara Membuat Daftar Isi (Sitemap) Blog Berdasarkan Label - Simple & Fast Loading

4. Copas isyarat berikut ini:

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
.sitemap-link{display:none}
</style>
<script type="text/javascript">
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(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;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link"><a href="http://templetedownload.blogspot.com//search?q=cara-membuat-daftar-isi-blog-sitemap" style="font-size: 10px; text-decoration:none; color: #5146CD;" target="_blank">Cara Membuat Daftar Isi Blog</a></div>')}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=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[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=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[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="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";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="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="Cara Membuat Daftar Isi (Sitemap) Blog Berdasarkan Label - Simple & Fast Loading">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="Cara Membuat Daftar Isi (Sitemap) Blog Berdasarkan Label - Simple & Fast Loading">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="Cara Membuat Daftar Isi (Sitemap) Blog Berdasarkan Label - Simple & Fast Loading">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<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 class="labels"><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></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\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3bXeXXTz7oMN9tC500EqCMnBLYrNDBwl4kEiYoePdjDrDsFEGMZqMMOjgWq9O_CEFGu5GAwAt2WlPZ91Fzcyo5mwc3Ko1dna8UvdRDt_6YEf2jR4V-sMIw8kNp3jpDq4quI4hRw1XHrDg/s1600/new_icon.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('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
//]]>
</script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

5. Langsung klik Publikasikan!

Ingat, jangan klik Compose dulu, pribadi saja Publish di mode HTML!

Itu ia cara Membuat Daftar Isi (Sitemap) Blog Berdasarkan Label - Simple & Fast Loading! Desain tampilan daftar isi lainnya dapat dicek di blog eutectics. Wasalam. (blogromeltea.blogspot.com).*

Cara Menciptakan Halaman Indeks, Arsip, Atau Daftar Isi Blog

 Indeks atau Arsip ini seolah-olah dengan halaman  Cara Membuat Halaman Indeks, Arsip, atau Daftar Isi Blog
HALAMAN Indeks atau Arsip ini seolah-olah dengan halaman Daftar Isi Blog (Sitemap). Hanya saja, daftar judul posting ditampilkan menurut bulan dan tanggal publikasi. Demonya dapat dilihat di Indeks.

Karena hakikatnya sama, maka arahan di bawah ini dapat juga dipakai untuk menciptakan halaman khusus daftar isi blog (sitemap).

Nama halamannya juga dapat Indeks, Arsip, Daftar Isi, atau Sitemap. Bebas lah.

Fungsi halaman indeks ini sebagai navigasi sekaligus internal links yang memudahkan kita dan pengunjung untuk membuka-buka halaman blog kita.

Cara Membuat Halaman Indeks, Arsip, atau Daftar Isi Blog

Marik kita mulai menciptakan Membuat Halaman Indeks, Arsip, atau Daftar Isi Blog:
1. Klik "Page" > "New Page"
2. Langsung isi judul dengan "Indeks"
3. Klik mode HTML. Perhatikan gambar berikut ini.

 Indeks atau Arsip ini seolah-olah dengan halaman  Cara Membuat Halaman Indeks, Arsip, atau Daftar Isi Blog


Isi judul dan klik HTML:

 Indeks atau Arsip ini seolah-olah dengan halaman  Cara Membuat Halaman Indeks, Arsip, atau Daftar Isi Blog



4. Copas arahan berikut ini di kolom Content:

<script type="text/javascript"> function LoadTheArchive(TotalFeed)  {     var PostTitles = new Array();     var PostURLs = new Array();     var PostYears = new Array();     var PostMonths = new Array();     var PostDays = new Array();     if("entry" in TotalFeed.feed)      {  var PostEntries=TotalFeed.feed.entry.length;  for(var PostNum=0; PostNum<PostEntries ; PostNum++)   {      var ThisPost = TotalFeed.feed.entry[PostNum];      PostTitles.push(ThisPost.title.$t);      PostYears.push(ThisPost.published.$t.substring(0,4));      PostMonths.push(ThisPost.published.$t.substring(5,7));      PostDays.push(ThisPost.published.$t.substring(8,10));      var ThisPostURL;      for(var LinkNum=0; LinkNum < ThisPost.link.length; LinkNum++)       {   if(ThisPost.link[LinkNum].rel == "alternate")    {       ThisPostURL = ThisPost.link[LinkNum].href;       break   }      }      PostURLs.push(ThisPostURL);  }     }     DisplaytheTOC(PostTitles,PostURLs,PostYears,PostMonths,PostDays); }  function DisplaytheTOC(PostTitles,PostURLs,PostYears,PostMonths,PostDays) {     var MonthNames=["January","February","March","April","May","June","July","August","September","October","November","December"];     var NumberOfEntries=PostTitles.length;      var currentMonth = "";     var currentYear = "";      for(var EntryNum = 0; EntryNum < NumberOfEntries; EntryNum++)     {  NameOfMonth = MonthNames[parseInt(PostMonths[EntryNum],10)-1]   if (currentMonth != NameOfMonth || currentYear != PostYears[EntryNum]) {   currentMonth = NameOfMonth;   currentYear = PostYears[EntryNum];    document.write("<div class='dateStyle'><br />" + currentMonth+" "+currentYear+" </div>");  }    document.write('<a href ="'+PostURLs[EntryNum]+'"><div class=dayStyle>'+parseInt(PostDays[EntryNum],10)+":&nbsp;&nbsp;</div> "+PostTitles[EntryNum]+"</a><br />");     } } </script>  <script src="http://YOURBLOGHERE.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=LoadTheArchive" /> </script>  <!--CUSTOMIZATION--> <style type="text/css"> .dateStyle {      color:#000;      font-weight:bold;      font-size: 15px;      font-family: Arial, sans-serif;      margin: 0; }  .dayStyle {      color:#000;      font-weight:bold;      font-family: Arial, sans-serif;      display: inline-block; }  </style>

5. Ganti alamat blognya dengan url blog Anda.
6. Publish!

Sumber