Cara Mudah Membuat Sitemap atau Peta Situs Otomatis

Sitemap atau peta situs merupakan sebuah halaman yang berisi daftar tulisan yang ada dalam sebuah website atau blog. Halaman ini sangat berguna sekali baik oleh pembaca blog maupun mesin pencari dalam mengindeks tulisan yang ada di blog.
Membuat peta situs bisa dilakukan dengan memasukkan daftar link tulisan maupun membuat secara otomatis daftar isi seperti di software microsoft office.
Berikut ini ada kode html yang bisa digunakan untuk membuat daftar isi otomatis untuk sitemap blog.

<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #3498DB;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<div id="toc">
<script src="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Untuk memakainya pastikan kalian menempelkan kode di atas pada bagian html agar bisa berfungsi dengan baik.
Untuk hasilnya kalian bisa lihat di halaman sitemap blog ini.

Selamat mencoba!

Share this post