Cara Mudah Membuat Halaman Daftar Isi

Kali ini saya akan share bagaimana Cara Mudah Membuat Halaman Daftar isi (Sitemap) di Blog Berdasarkan Label/Kategori.

Sebelumnya saya menjelaskan dulu Apa Itu Daftar Isi atau Sitemap.

Daftar isi/Sitemap merupakan salah satu elemen yang tergolong penting dalam Blog atau Web.

Layaknya sebuah buku, Blog juga harus memiliki Daftar Isi sebagai tempat informasi bagi pengunjung blog yang berisi daftar Judul-judul artikel yang sudah di publikasikan.

Sehingga para pengunjung bisa dengan mudah mencari informasi yang di butuhkan.

Bagi anda yang sudah membuat artikel banyak dan memiliki beragam label/kategori sudah seharusnya membuat laman Daftar isi.

Menurut para ahli SEO, membuat daftar isi/Sitemap blog juga termasuk salah satu bentuk SEO, sebab dalam daftar isi memuat susunan Link yang sangat komplek dan secara otomatis memperkuat link building sebuah blog.

Ok dech sobat blogger tanpa basa basi, silahkan ikuti saja langkah-langkah nya di bawah ini.

Cara Mudah Membuat Halaman Daftar isi

Ikuti langkah demi langkah agar sesuai dengan yang kamu inginkan.

Silahkan anda login di Blogger.com
Silahkan anda klik Halaman -> laman baru
Silahkan beri nama laman contohnya: Daftar isi atau Sitemap
Silahkan Masuk ke Tab HTML
Kalau sudah, silahkan masukkan script di bawah ini.

 
<div class='jontor'>  <script src="https://rawgit.com/mastamvan/backup/master/sitemap.js"></script>  <script src="/feeds/posts/default?max-results=5000&amp;alt=json-in-script&amp;callback=mas_tamvan_Load"></script>
</div>
<style type='text/css'>.jontor{width:100%;border-collapse:collapse;text-align:left;overflow:hidden;margin:0 auto;}
.jontor a{color:black;}
.jontor p .mas_tamvan_Label{background:#4ECDC4;display:block;padding:12px;}
.jontor ol li{position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.5em;background:#d9f4f2;color:#666;text-decoration:none;transition:all .3s ease-out;}
user agent stylesheetli{display:list-item;text-align:-webkit-match-parent;}
.jontor ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#0fa9cd;color:#fff;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;}
.jontor ol li:hover:after{left:-.5em;border-left-color:#0fa9cd;}
.jontorol li:hover{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all 0.3s cubic-bezier(.25,.8,.25,1);}
.jontor ol li:after{position:absolute;content:'';border:.5em solid transparent;left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
ol{counter-reset:li;list-style:none;font:15px 'Arial';padding:0;margin-bottom:4em;text-shadow:0 1px 0 rgba(255,255,255,.5);margin-left:26px;}
.mas_tamvan_Postname li:nth-of-type(odd){background:#f1f3f3;}
.new{color:red!important;font-weight:700;font-style:italic;}
user agent stylesheetol{display:block;list-style-type:decimal;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;}
</style></div><style type='text/css'>.jontor{width:100%;border-collapse:collapse;text-align:left;overflow:hidden;margin:0 auto;}.jontor a{color:black;}.jontor p .mas_tamvan_Label{background:#4ECDC4;display:block;padding:12px;}.jontor ol li{position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.5em;background:#d9f4f2;color:#666;text-decoration:none;transition:all .3s ease-out;}user agent stylesheetli{display:list-item;text-align:-webkit-match-parent;}.jontor ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#0fa9cd;color:#fff;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;}.jontor ol li:hover:after{left:-.5em;border-left-color:#0fa9cd;}.jontorol li:hover{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all 0.3s cubic-bezier(.25,.8,.25,1);}.jontor ol li:after{position:absolute;content:'';border:.5em solid transparent;left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}ol{counter-reset:li;list-style:none;font:15px 'Arial';padding:0;margin-bottom:4em;text-shadow:0 1px 0 rgba(255,255,255,.5);margin-left:26px;}.mas_tamvan_Postname li:nth-of-type(odd){background:#f1f3f3;}.new{color:red!important;font-weight:700;font-style:italic;}user agent stylesheetol{display:block;list-style-type:decimal;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;}</style>

Cara Mengatur Jumlah Artikel Yang Ingin di Tampilkan di Daftar Isi atau Sitemap

Anda tinggal merubah nilai pada kode berikut: max-results=5000

Silahkan anda rubah nilai 5000 dengan jumlah artikel yang kamu ingin tampilkan pada setiap label blog

Semoga artikel ini bermanfaat.