Cara Membuat Dafar Isi atau Sitemap di Blog

Kali ini saya akan jelaskan cara membuat Sitemap di blog, pertama – tama saya akan jelaskan terlebih dahulu apa kegunaan Sitemap itu sendiri.Sitemap adalah label di blog kita yang di pindahkan ke dalam halaman blog yang berfungsi untuk mempermudah pengunjung untuk melihat semua isi di blog kita.

Berikut cara membuat sitemap di blog.

Masuk ke kun blogger

Pilih menu page (laman)

Tambahkan new page

Pada saat di halaman kosong pidahkan ke mode html

Berikan judul Daftar Isi atau Sitemap

Setelah itu masukkan kode dibawah ini

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<script src="https://faisal-fachrueza.googlecode.com/svn/daftar-isi.js" type="text/javascript"></script>
<script src="http://mas-rizaal.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>
<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 13px;}
ol li{list-style-type:decimal;line-height:25px;}
.sitemap-link a{color: #242424; font-size: 12px;}
p ol li a{font-weight: bold;}
</style></div>
</div>

Ganti tulisan berwarna merah sesuai url blog kalian

Dan yang terakhir PUBLISH

Untuk hasilnya bisa dilihat di blog ini.

Ada juga cara ke 2 yaitu daftar isi yang dapat di scroll

Caranya sama seperti yang diatas tadi perbedaannya adalah di kode html nya dan hasil akhir dari daftar isi tersebut bias di scroll ke atas dan ke bawah.

Ini kode html untuk daftar isi yang dapat discroll

<div style="background-color: #dde1e3; border: 1px solid #999999; height: 120px; overflow: auto; padding: 10px; width: 100%px;">
<script style="text/javascript" src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src=" http://mas-rizaal.blogspot.com /feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

Ganti tulisan berwarna merah sesuai url blog kalian

Dan demikian Cara Membuat Dafar Isi atau Sitemap di Blog semoga artikel ini bermanfaat, dan terimakasih atas kunjungannya.