Cara Membuat Daftar Isi Blog Berdasarkan Label (Dengan Gambar)

Cara Membuat Daftar Isi Blog Berdasarkan Label (Dengan Gambar)

Apakah kamu ingin membuat daftar isi di blog? Tidak seperti sitemap XML yang kamu kirim ke mesin pencari untuk perayapan yang lebih baik, daftar isi ini menunjukkan daftar halaman kamu yang terorganisir untuk pengguna kamu. Pada artikel ini, saya akan menunjukkan kepada kamu cara menambahkan halaman daftar isi di blog.

Apa itu Daftar Isi (Sitemap)?

Daftar Isi adalah sekumpulan file Peta Situs (Sitemap) xml yang berisi daftar URL situs web tertentu. Peta Situs adalah protokol yang memungkinkan webmaster untuk memberi tahu mesin pencari tentang URL yang tersedia di situs dan untuk perayapan. Peta situs dapat dibuat untuk postingan, halaman, label, dan arsip di blog. Tetapi saya akan memusatkan pada cara membuat peta situs untuk label tertentu di blog blogger.

Apa Perbedaan Antara Peta Situs XML dan HTML

Peta Situs XML ditulis atau dibuat dalam bahasa markup XML yang disukai oleh mesin pencari. Kamu dapat mengirimkan sitemap XML situs kamu ke alat webmaster untuk meningkatkan dan mengontrol tingkat perayapan situs kamu oleh mesin pencari.

Sitemap HTML di sisi lain seharusnya diarahkan untuk pengunjung situs web yang sebenarnya. Itu ditulis atau dihasilkan dalam HTML biasa, dan biasanya mencantumkan semua halaman / postingan yang tersedia di situs Web kamu.

Sekarang setelah kamu mengetahui perbedaannya, mari tambahkan halaman sitemap HTML di blog.,

Membuat Daftar isi pada blog berdasarkan Label sangat mudah dan sangat singkat. Kamu cukup menambahkan CSS pada Halam statis Blogger kamu, namun yang perlu diperhatikan adalah memilih jenis tampilannya yang tidak membebani template kamu.

Berikut adalah tangkapan layar tampilan daftar isi berdasarkan Label.

Daftar Isi berdasarkan Label

Cara Menambahkan Daftar Isi di Blog Blogger (Panduan Teknis)

1. Langkah pertama adalah kamu harus menyalin Script Dibawah ini:

<style type="text/css">#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;padding:1px 0 2px 11px;background: #3498DB;border:1px solid #2D96DF;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}.labl a{color:#fff;}.labl:first-letter{text-transform:uppercase;}.new{color:#FF5F00;font-weight:bold;font-style:italic;}.postname{font-weight:normal;background:#fff;margin-left: 35px;}.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}</style><br /><div id="toc"><script src="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script><script src="http://www.yourblogname.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Setelah kamu menyalin, letakkan di halaman statis blog kamu ( yang akan saya terangkan dibawah)

Keterangan: Ubah http://www.yourblogname.com dengan URL blog kamu

2. Selanjutnya, masuk ke dasbor blogger kamu, klik tombol > Halaman > Halaman Baru.

Daftar Isi berdasarkan Label

3. Dilangkah berikutnya, Buat judul, (Seterah daftar isi/Sitemap)

4. Lalu, Pastekan dalam mode HTML

Daftar Isi berdasarkan Label

5. Selesai

Sekarang, kamu hanya perlu menampilkannya di bagian depan blog kamu.

Kamu dapat menampilkannya dibagikan footer, atau header pada blog kamu.

Berikut adalah instruksi dasar menampilkan daftar isi berdasarkan Label di header blog:

1. Pada dasbor blogger pilih > Tata Letak

Daftar Isi berdasarkan Label

2. klik tombol Edit,  seperti contoh tangkapan layar.

3. Selanjutnya, Centang pada menu Sitemap kamu:

Daftar Isi berdasarkan Label

3. Save

Note: untuk beberapa kasus, tampilan dan pengaturan tata letak setiap blog berbeda-beda.

Sekarang, kamu telah berhasil membuat Daftar isi berdasarkan Label pada blog kamu.

Saya harap artikel ini membatu kamu memahami Step by Step menambahkan daftar isi pada blog kamu. Jangan lupa untuk ikuti terus blog ini untuk kiat Selanjutnya!

0 Response to "Cara Membuat Daftar Isi Blog Berdasarkan Label (Dengan Gambar)"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel