Membuat Halaman Daftar Isi Blog Sesuai Urutan Abjad A-Z

Halaman daftar isi blog adalah sebuah halaman yang berisi daftar artikel yang telah diposting oleh admin blognya. Dalam fungsinya, daftar isi difungsikan untuk sebuah navigasi ke halaman yang ingin di capai tanpa harus menolis lewat search form.

Daftar isi didalam website atau blog sangat penting untuk dibuat, hal ini agar para pengunjung mengetahui daftar dari artikel yang dimiliki suatu blog. Selain itu halaman sitemap atau daftar isi juga bisa meningkatkan seo blog.

Cara membuat daftar isi blogger.

Artikel membuta daftar isi blogger berurutan abjad merupakan artikel yang kami tolis lantaran susahnya mencari kode membuat daftar isi yang berurutan dalam bentuk abjad. Berikut ini kami berikan source kode dan cara pemasangannya.

1. Masuk ke akun blogger kalian.
2. Buat halaman static baru. Kalian kliak Halaman / Page lalu klik Halaman baru.
3. Setelah itu akan muncul bagian serupa seperti posting artikel, kalian klik mode HTML. jika tidak paham komen saja.
4. Copy dan pastekan kode berikut, dan jangan lupa beri judul halamannya.

         <div id="sitemap">Tunggu Daftar Isi Sedang Dimuat...</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,'title':title})} break}}} if(feed.entry.length>=max){start+=max;runsitemap()} else{var print='',a=sitemapArr.sort(function(a,b){return a.title>b.title?1:-1});for(var x=0;x<a.length;x++){print+='<li><a href=\"'+a[x].url+'\" title=\"'+a[x].title+'\">'+a[x].title+'</a></li>'} elem.innerHTML='<div class=\"title\">Total Post: '+a.length+'</div><ol>'+print+'</ol>'}}} runsitemap(); //]]> </script>
      

5. Publish halaman.

Dari sini halaman static telah dibuat, namun dengan tampilan yang apa adanya. Lanjut baca untuk menambahkan style pada halaman daftar isi blog.

6. Setelah publish halaman static, kalian klik di bagian menu blogger tema lalu pilih tanda panah di samping tulisan Sesuaikan.
7. Setelah itu akan terbuka pilihan lainnya, klik saja Edit HTML.
8. Lalu kalian cari salah satu kode ]]></b:skin> atau </style>. Untuk mempermudah pencarian kode tekan CTRL + F.
9. Copy dan pastekan kode dibawah ini tepat diatas kode yang tadi dicari.

         /* Sitemap Blogger by Bloggerxcode */
         #sitemap .title {background-color:$(header.background); color:#fff; font-size:150%; font-weight:400; text-align:center; margin-bottom:20px; padding:15px;}
         #sitemap a {text-decoration:none; transition:all .3s ease;}
         #sitemap ol {margin:0px; padding:0px;}
         #sitemap ol li {font-weight:400; list-style-type:decimal; margin:0px; padding:10px; line-height:1.5em; -webkit-margin-start:40px !important;}
      

10. Simpan tema.

Penutup.

Telah usai tutorial membuat daftar isi blogger dengan style berurutan abjad yang mudah dibuat ini. Sekian tutorial ini. Salam Ran.

Source kode : https://bisablog.com/cara-buat-sitemap-di-blogger-blogspot