Cara Membuat Sitemap Di Blog ( Simple Sitemap )

Simple Sitemap, cara membuat sitemap di halaman statis blog sangat mudah. Mengapa sitemap? sitemap merupakan suatu kebutuhan untuk mempermudah pengunjung blog menelusuri setiap halaman  postingan  yang kita publikasikan. Sitemap bisa disebut juga daftar isi, yaitu daftar isi blog kita. Jadi jika diblog kita sediakan sitemap atau daftar isi pengunjung blog dapat mengetahui semua artikel yang sudah kita publikasikan. Baiklah, sekarang kita mulai dengan langkah berikut ini:

1. Login ke akun blogger
2. Pilih Page
3. Pilih New Page
4. Langkah ke empat perhatikan gambar di atas, pertama kita buat judul masukkan sitemap atau daftar isi bahkan boleh yang lainnya, yang penting menjelaskan tentang isi blog.
5. Klik mode edit di HTML
6. Copykan script di bawah ini di area text

<div id="bp_toc">
Loading ke daftar isi blog. mohon menunggu....</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script>
<script src="https://phpchanel.blogspot.co.id/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
<style scoped="" type="text/css">
#comments,#Label1,#FollowByEmail1 {display:none;}
#HTML3 {visibility:hidden;}
/* CSS Full Sitemap */
#bp_toc {background:#ffaaa4;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:&#39;Roboto&#39;;font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#cdb280;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}
#bp_toc a{text-align:left;float:none;font-size:90%;padding:0}
</style>

7. Ganti url blog, text yang berwarna biru diatas dengan url blog anda.
8. Tekan  tombol Publish

9. View halaman anda, jadinya seperti sitemap dibawah

Loading my sitemap. Please wait....

Semoga bermanfaat bagi rekan - rekan semua. Ikuti setiap artikel saya