Membuat Sitemap Blogger

Desain Grafis dan Percetakan
Membuat Sitemap Blogger atau Daftar isi blog

Di Blogspot atau Blogger terdapat feed yang bisa digunakan sebagai sitemap ataupun daftar isi. Cara membuat daftar isi atau sitemap tersebut sangat mudah atau gampang, yaitu dengan menempelkan sedikit kode javascript ke halaman (page) ataupun postingan, dan tentunya dengan memanfaatkan feed atau RSS dari blog yang bersangkutan.

(Jika gagal kita bisa gunakan cara ke-2 dalam membuat daftar isi / sitemap Blogger atau cara ke-3 membuat sitemap)

Pembuatan sitemap atau daftar isi secara otomatis pada artikel ini ditujukan untuk pengunjung blog kita, bukan untuk robot Google. Platform blog yang dimaksud di sini adalah Blogger bukan Wordpress, Tumblr, dan platform blog lainnya. Blogger memberikan fasilitas untuk membuat sitemap dengan begitu mudah dan secara otomatis.


Cara Membuat Sitemap Otomatis - Blogger
Gambar 1. Laman Sitemap

Berikut cara membuat sitemap / daftar isi otomatis di Blogger :
Masuk ke akun blogger
Pilih menu 'Laman'
Buat laman baru (Klik tombol 'Laman baru' > 'Laman kosong')
Pilih mode 'HTML'
Beri judul Daftar Isi atau Sitemap (judul terserah anda)
Masukkan kode utama sebagai berikut

<script style="text/javascript" src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="http://baajei.blogspot.co.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Ganti kode 'baajei.blogspot.com' di atas dengan alamat blog anda
Publikasikan

Daftar Isi / Sitemap Ber-scroll


Apabila anda menginginkan daftar isi atau sitemap yang memiliki scroll di samping kanan (gambar 2), anda harus menambahkan sedikit kode di awal dan di akhir (antara kode utama). Jadi jika digabungkan kodenya akan terlihat seperti berikut:

<div style="background-color: #dde1e3; border: 1px solid #999999; height: 100px; 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://baajei.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>
Nilai '100' pada 'height' bisa dirubah sesuai dari panjang daftar isi yang diinginkan. Jangan lupa ganti kode 'baajei.blogspot.com' di atas dengan alamat blog anda.
Cara Membuat Sitemap Otomatis dengan scroll - Blogger
Gambar 2. Sitemap dengan scroll

Informasi terkait
Cara ke-2 membuat sitemap
Cara ke-3 membuat sitemap
Terima kasih telah berkunjung di Belajar Membuat Blogo, tepatnya di artikel tentang Membuat Sitemap Blogger. Ikuti terus perkembangan blog ini
Membuat Sitemap Blogger
TotalPing | Google Ping | Ping Blog Search | Add Url | Google Master | Bing Master | Site Value | Seo Jerman | Riset Keyword | Keyword Planner
.:[Close][Klik 2x]:.
 Kekuatan Berfikir Positif 
Bos Anda Tidak Akan Menjadikan Anda Kaya