Membuat Daftar Isi Otomatis Pada Halaman Blog

Daftar isi atau dalam bahasa lain di sebut juga Sitemaps adalah informasi dimana postingan yang sudah kita buat, dikelompokan berdasarkan Label. Cara ini memudahkan orang lain yang berkunjung ke blog kita untuk tau semua postingan yang ada tanpa harus melihat ke dalam link Label satu per satu.

Bagaimana cara membuatnya? Bisa langsung dipraktekan, berikut tutorial cara mudah membuat daftar isi / sitemaps.

1. Silahkan sobat masuk ke Pages / Halaman dan buatlah Halaman Baru

2. Kemudian isi nama hamalan, ubah settingan tulisan ke mode HTML
3. Copy salah satu kode dibawah ini, kemudian paste di kolom postingan page-nya

Kode 1

<div style="border: 0px solid #555; height: 500px; overflow: auto; padding: 10px; width: auto;">
<script src="https://yourjavascript.com/6111269202/kin-sitemaps.js"></script><script src="http://blogsobat.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script><span colour="#888"><span style="color: #888888;"></span></span></div>

Kode 2

<script src="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>
<script src="http://blogsobat.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

Ket :
• http://blogsobat.com = ganti dengan URL blog sobat
• height: 500px = tinggi textarea (silahkan disesuaikan)

Contoh Sitemaps Disini

4. Silahkan publish / update, (langsung di Update ya! kalo di Preview tidak akan muncul sitemaps-nya)

Penting :
Sobat harus membedakan mana Label mana Tag. Jika dalam satu postingan terdapat beberapa label / kategori, fungsi sitemaps tidak berlaku alias akan banyak yang double, bisa saja dalam satu label ada postingan yang sama, maka dari itu pesan saya satu postingan satu label

Terus cara membuat tag dimana? Ketika sobat membuat postingan, disebelah kanan ada kan tulisan “Search Description” nah disana tempatkan Tag yang dipisahkan dengan tanda koma.

Sekian informasi mengenai cara membuat daftar isi otomatis pada page blog, semoga bermanfaat.

Rekomendasi:

  • Membatasi Jumlah Postingan Label Blog Yang Muncul Semua Bagaimana cara membatasi jumlah postingan label blogger yang muncul semua? Membatasi jumlah label pada blog menjadi salah satu cara agar ketika kita klik label, postingan berdasarkan label tersebut tidak muncul…
  • Menambahkan dan Menghapus Label Blogger Sekaligus Bagaimana cara menambah dan menghapus label blog sekaligus? Kamu tidak perlu lagi masuk ke edit postingan untuk merubahnya satu-satu yang hanya membuang waktu. Sebaiknya jika membuat postingan, isi label hanya…
  • Membatasi Hasil Pencarian pada Blog yang Muncul Semua Pada kali ini saya akan memberikan tutorial bagaimana cara membatasi jumlah hasil postingan pencarian pada blog, biasanya ketika hasil pencarian tidak dibatasi, untuk keyword yang kita tuliskan akan muncul sebanyak-banyaknya,…
  • Cara Membuat Postingan Untuk Blogger Pemula Untuk seorang blogger pemula, hal yang harus pertama kali di kuasai adalah bagaimana cara membuat postingan, khususnya cara membuat postingan agar rapi sehingga mudah terindex oleh google. Alangkah baiknya sobat…
  • Settingan yang harus dilakukan sebelum membuat… Curhatan dari pemilik blog Siskaaml.net bahwa ketika menulis postingan timbul kode-kode aneh yang tidak dimengerti. Jika sobat belum cukup mengerti tentang hal-hal yang berbau kode HTML dan nantinya malah membuat…
  • Merubah Kode HTML yang sama pada Blogger sekaligus Postingan kali ini saya akan memberikan tips dan trik cara cepat merubah semua kode HTML yang sama pada Blog. Contohnya jika kita ingin merubah semua kode warna (contoh kode yang…
  • Membuat Status Facebook Berbagai Macam Bahasa Bagaimana cara membuat status facebook dalam berbagai macam bahasa? Sebuah halaman Facebook (Facebook Page) sobat bisa melakukan settingan agar postingan yang sobat ketikan tersedia dalam berbagai bahasa. Tentu saja gunanya…
  • Membuat YouTube Subscribe Button Terbaru Bagaimana cara membuat tombol subscribe youtube di blogger? Pada postingan kali ini saya akan menginformasikan tutorial cara membuat YouTube Subscribe Button terbaru. Menambahkan tombol subscribe YouTube di blog sobat, mempunyi…
  • Membagi Konten Artikel Menjadi Beberapa Halaman di Blogger Jika sobat ingin menggunakan tutorial dari Arlina Desain dengan judul "Membagi Konten Artikel Menjadi Beberapa Halaman dengan Efek Slide" dan masih bingung bagaimana cara menggunakannya, disini saya akan menerangkannya dengan…
  • Membuat Recent Post tanpa Thumbnail sederhana di Blog Cara membuat widget recent post (postingan terbaru) sederhana pada blog bertujuan untuk menampikan artikel terbaru dari sebuah blog. Widget recent post bisa juga sebagai media pemberitahuan kepada pengunjung tentang artikel…

Leave a Comment