Minggu, 19 April 2020

Cara Membuat Daftar Isi / Sitemap Manual Dan Otomatis di Blog

Sebelum sobat menggunakan salah satu sitemap berikut ini ada baiknya sobat mengetahui perbedaan antara yang otomatis dengan yang manual, jika di lihat dari nama nya biasanya  banyak orang suka dengan otomatis karena yang otomatis ini lebih mudah dan tidak memakan waktu karena tinggal mengasih kode nya ke laman lalu publish.

Laman otomatis ini juga akan mengupdate dengan sendirinya manakala sobat mengupdate artikel di blog sobat. beda halnya dengan yang manual yang harus sobat tulis satu demi satu belum lagi nanti jika sobat update artikel lagi sobat harus membuat update di sitemap lagi demikian seterusnya.

Namun mungkin dari segi keuntungan  nya mungkin akan membuat sobat berpikir lain tentang daftar isi blog yang manual ini. karena yang manual ini tidak ada butuh script sehingga tidak memberatkan blog.  Membuat sitempa manual ini seperti sobat membuat teks saat sobat menulis di artikel hanya saja sobat mendesain sedemikian rupa sehingga tampilannya berbentuk sitemap agar mudah dibaca.

Semua pilihan tergantung dari sobat  saya sendiri memilih yang otomatis karena saya berpikir dengan yang otomatis saya tidak perlu mengupdate daftar isi saya. berikut adalah bagaimana penjelasannya dengan mudah.

Baca juga : 
Cara Memasang Menu navigasi breadcrumb simple Terbaru
Cara Memasang / Membuat Like box FANSPAGE Facebook di Blog 2021




Cara Memasang Daftar Isi / Sitemap Otomatis di Blog

1. Masuk ke Blogger dan silahkan pilih tap menu Laman / Page
2. Pilih Laman Baru
3. Silahkan isi judul nya dengan Daftar Isi atau Sitemap atau apa saja terserah sobat
4. Pindah ke Tap HTML  jangan  Compose
5. Di sini ada dua piihan

Sitemap Yang Pertama  yang pertama ini adalah daftar isi yang mirip dengan arsip maksudnya adalah daftar isi yang di kelompokkan sesuai dengan bulan,  contohnya seperti gambar berikut ini,
Sebelum sobat menggunakan salah satu sitemap berikut ini ada baiknya sobat mengetahui perb Cara Membuat Daftar Isi / Sitemap Manual Dan Otomatis di Blog
Untuk membuat sitemap seperti gambar di atas Kodenya adalah

Berikut adalah daftar lengkap semua artikel blog berdasarkan kategori. 
<br />
<br />
<div style="overflow: auto; width: 100%;">
<div id="toc">
<script src="https://cdn.rawgit.com/aramdan/share/master/sitemap.js" type="text/javascript"></script>
<script src="https:// /feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
</div>


Silahkan Ganti kode yang berwarna hijau dengan blog sobat,


Daftar isi Yang Kedua ini adalah Dafatr isi yang mengelompokkan aartikel sesuai dengan label, gambar nya akan tampak seperti di bawah ini.
Sebelum sobat menggunakan salah satu sitemap berikut ini ada baiknya sobat mengetahui perb Cara Membuat Daftar Isi / Sitemap Manual Dan Otomatis di Blog


Untuk membuatnya silahkan copy dan pastekan  kode di bawah ini

<script src="https://sitemap2- .googlecode.com/svn/daftarisi-label"></script><script src="http:// /feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

6. Silahkan ganti kode URL yang berwarna hijau dengan URL blog milik sobat.  lalu publishkan seperti sobat mempublish artikel.  lihat hasilnya 

Cara Membuat Daftar Isi / Sitemap manual di Blog 


Mungkin langsung saja, berikut adalah cara membuat daftar isi di blog secara manual.

1. Masuk ke Blogger, lalu pilih Laman  Page
2. Klik Laman Baru
3. Masukkan Judul yang Anda inginkan, misal Sitemap atau Daftar Isi
4. Pilih mode HTML jangan Compose
5. Copy Paste script dibawah ini

<p><a href="/search/label/Cara%20Membuat">Cara Membuat</a></p><ol><li><a href="http:// /2021/09/cara-membuat-blog-di-blogspot-gratis.html">Cara Membuat Blog</a></li><li><a href="http:// /2021/09/cara-membuat-blog-lewat-aplikasi-android.html">Cara mencari teman di facebook</a></li></ol>

6. Ubahlah kode yang berwrna biru di atas dan sobat bisa menambahkan sendiri lebih banyak  dengan peraturan kode yang sama seperti yang saya contohkan di atas.  kode HTML <p> dan </p> adalah judul label,  <li> dan </li> digunakan untuk menuliskan Isi dari Label tersebut. sobat bisa belajar dengan menambahkan kode-kode bebas karena disini semaunya daftar isi sitemap blognya menggunakan dengan cara manual.