Halo Sob! Sitemap atau daftar isi memang sangat diperlukan pada sebuah web atau blog agar pegunjung dengan mudah mencari artikel dalam blog tersebut.
Pada kesempatan Kali ini saya ingin berbagi tutorial bagaimana cara membuat sitemap khusus Blog yang otomatis dan juga sederhana. Caranya pun sangat mudah sobat hanya perlu menempelkan script dibawah ini ke halaman statis, dan juga dibantu dengan Feed atau RSS blog sobat. Sitemap ini juga saya gunakan di blog saya ini. Oke langsung saja simak tutorial berikut!
Cara Membuat Sitemap Otomatis Sederhana
Sitemap ini terdapat dua tampilan ada yang biasa dan juga ada yang di scroll.
#1. Membuat Sitemap Otomatis
1. Silahkan Masuk Ke Blogger Sobat.
2. Lalu Pilih "Laman"
3. Lalu Sobat buat Laman Baru
4. Pilih "HTML" bukan "Compose"
5. Salin Script di bawah ini
<script src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="http://imambrader.xyz/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
6. Lalu Publikasikan dan lihat hasilnya.
#2. Membuat sitemap dengan Scroll
1. Silahkan Masuk Ke Blogger Sobat.
2. Lalu Pilih "Laman"
3. Lalu Sobat buat Laman Baru
4. Pilih "HTML" bukan "Compose"
5. Salin Script di bawah ini
<div style="background-color: #fff; border: 2px solid #999999; height:700px; 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://imambrader.xyz/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
#Note :
⇎ Yang Warna Hijau Silahkan sobat ganti dengan warna keinginan sobat.⇎ Yang warna kuning silahkan sobat ganti dengan ukuran keinginan sobat.
⇎ Agar lebih aman silahkan sobat hosting sendiri JavaScript yang warna ungu di atas.
⇎ Yang warna biru silahkan sobat ganti link di atas dengan link blog sobat
Sekian, selamat mencoba!
0 komentar: