membuat sitemap atau daftar isi blog dihalaman statis dengan format waktu dan list

membuat sitemap atau daftar isi blog dengan format waktu dan list

Membuat sitemap untuk sebuah blog atau web memang sangat penting ada banyak keuntungan dari membuat sitemap ini untuk seperti ; meningkatkan SEO dan memudahkan visitor untuk mengetahui apa isi dari blog atau web kita serta membuat web kita tampak profesional.

Ada banyak cara membuat sebuah sitemap yang unik dan keren seperti dibuat dengan format list atau dengan format dengan beberapa label saja. Untuk membuat sebuah sitemap keren dan unik yang urut dengan tanggal postingan dalam bentuk format list itu sangatlah mudah..

Langkah ke-1

Buat halaman baru dan beri nama sitemap atau daftar isi atau apapun yang kalian inginkan,

Kemudian masuk ke bagian edit html bukan mode tulis

klik pensil >> tampilan html

Langkah ke-2

Copy Semua Code dibawah ini dan tempelkan tepat dibagian halaman tersebut ( mode edit html )

  <div id="sitemap">Loading...</div>
<script>
   //<![CDATA[
  var start=1;var max=150;var sitemapArr=new Array();function runsitemap(){var scpt=document.createElement('script');scpt.src='/feeds/posts/summary?alt=json&callback=sitemap&start-index='+start+'&max-results='+max;document.body.appendChild(scpt)} function sitemap(root){var elem=document.getElementById('sitemap');if(!elem)return;elem.innerHTML='';var feed=root.feed;if(feed.entry.length>0){for(var i=0;i<feed.entry.length;i++){var entry=feed.entry[i];var title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=="alternate"){var url=entry.link[j].href;if(url&&url.length>0&&title&&title.length>0){sitemapArr.push({'url':url,'judul':title})} break}}} if(feed.entry.length>=max){start+=max;runsitemap()} else{var print='',a=sitemapArr.sort(function(a,b){return a.judul>b.judul?1:-1});for(var x=0;x<a.length;x++){print+='<li><a href=\"'+a[x].url+'\" title=\"'+a[x].judul+'\">'+a[x].judul+'</a></li>'} elem.innerHTML='<div class=\"judul\">Total Post: '+a.length+'</div><ol>'+print+'</ol>'}}} runsitemap();
  //]]>
</script>

Langkah ke-3

Untuk membuat kolom search kalian tinggal menambahkan code dibawah ini lalu paste tepat dipaling atas sebelum code pertama tadi

<form action="/search" method="get">
<input name="q" placeholder="Masukkan Kata Kunci ( Pascal )" type="text" />
<input name="max-results" type="hidden" value="8" />
<input type="submit" value="Search" />
 <input name="by-date" type="hidden" value="true" />
</form>

Nah mudah bukan ??