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.
- Masuk ke akun blogger kalian.
- Buat halaman static baru. Kalian kliak Halaman / Page lalu klik Halaman baru.
- Setelah itu akan muncul bagian serupa seperti posting artikel, kalian klik mode HTML. jika tidak paham komen saja.
- Copy dan pastekan kode berikut, dan jangan lupa beri judul halamannya.
- Publish halaman.
- Setelah publish halaman static, kalian klik di bagian menu blogger tema lalu pilih tanda panah di samping tulisan Sesuaikan.
- Setelah itu akan terbuka pilihan lainnya, klik saja Edit HTML.
- Lalu kalian cari salah satu kode ]]></b:skin> atau </style>. Untuk mempermudah pencarian kode tekan CTRL + F.
- Copy dan pastekan kode dibawah ini tepat diatas kode yang tadi dicari.
- Simpan tema.
<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>
Dari sini halaman static telah dibuat, namun dengan tampilan yang apa adanya. Lanjut baca untuk menambahkan style pada halaman daftar isi blog.
/* 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;}
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