Cara Mudah Membuat Sitemap atau Daftar Isi di Blog hanya 1 Menit

Pada artikel sebelumnya saya sudah membahas tentang cara membuat halaman kontak di blog yang wajib sekali dibuat sebelum mendaftar google adsense. Tetapi artikel yang kali ini saya akan memberikan kepada kamu cara membuat daftar isi blog dengan mudah. Mungkin kamu sudah tahu apa itu daftar isi blog, Ya,daftar isi merupakan daftar artikel-artikel blog yang tercantumkan berdasarkan label atau kategori blog tertentu.

Misalnya kamu membuat sebuah artikel dan dikelompokan ke kategori blogging. Yang artinya dalam daftar isi artikel tersebut semuanya tentang blogging, Ingat, layanan daftar isi hanya bisa di urutkan berdasarkan kategori blog saja.

Sebenarnya daftar isi tidak ada pengaruhnya terhadap google adsense, Namun daftar isi memang ada juga manfaat untuk blog kita. Misalnya dapat mempermudah pengunjung setia blog kamu untuk bisa menemukan artikel-artikel berdasarkan label dan tanggal yang ditentukan.

Jika tidak ada daftar isi blog, bagimana pengunjung bisa menemukan artikel yang relevan di blog kamu. Nah,artikel inilah yang kamu cari-cari untuk bisa membuat daftar isi blog hanya dalam waktu 1 menit saja. Oke,sekarang silahkan untuk melanjutkan membaca tutorial ini hingga selesai.

Cara Mudah Membuat Sitemap atau Daftar isi di Blog

Pertama login seperti biasa di akun blogger kamu, Setelah itu buka Pages atau Laman baru di blogger untuk membuat layanan daftar isi, Ingat jangan gunakan entri baru untuk membuat daftar isi tersebut.

Jika sudah terbuka halaman atau pages kamu, lalu ganti dari mode Compose menjadi HTML. Mengapa saya sarankan memakai HTML, karena dalam membuat daftar isi, kamu hanya perlu memakai teknik copy paste saja. Nah, kemudian copy semua kode-kode yang ada didalam kotak dibawah ini

<div id="bp_toc" style="max-height: 1800px; overflow-x: auto; overflow: scroll;">
</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
<style scoped="" type="text/css">#comments,#Label1,#FollowByEmail1 {display:none;} #HTML3 {visibility:hidden;} /* CSS Full Sitemap */ #bp_toc{background:#f4f5f6;color:#666;margin:0 auto;padding:4px;} span.toc-note{padding:20px;margin:0 auto;display:block;text-align:center;color:#7f8c8d;font-size:1.6rem;text-transform:uppercase;font-weight:700;line-height:normal} .toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;} .toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;} .toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;} #bp_toc td.toc-header-col1,#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3{border:0;border-bottom:1px solid rgba(0,0,0,0.1);} #bp_toc tr:nth-child(1) a {color:#666;} #bp_toc td.toc-header-col1{background-color:#fff;} #bp_toc td.toc-header-col2{background-color:#fff;} #bp_toc td.toc-header-col3{background-color:#fff;} #bp_toc td.toc-entry-col1,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3{border:0} #bp_toc td.toc-entry-col1{background-color:#fff;font-weight:700} #bp_toc tr:nth-child(odd) td.toc-entry-col1{background-color:#f8f8f8} #bp_toc td.toc-entry-col2{background-color:#fff;} #bp_toc tr:nth-child(odd) td.toc-entry-col2{background-color:#f8f8f8} #bp_toc td.toc-entry-col3{background-color:#fff;} #bp_toc tr:nth-child(odd) td.toc-entry-col3{background-color:#f8f8f8} #bp_toc td a{color:#666;} .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:12px; text-decoration:none;color:#aaa;letter-spacing: 0.5px;} .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {text-decoration:none;} .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%} .toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;} .toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#cdb280;} #bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;} .toc-entry-col1 {counter-increment:rowNumber;} #bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;} </style>

Tahap berikutnya cukup kamu paste kode diatas tersebut dan klik Publikasikan. Oke,sekarang sudah selesai membuat daftar isi blog kamu dengan mudah.

Kelebihan yang dimiliki daftar isi dengan kode diatas memiliki tampilan yang sederhana namun mewah dan bisa dibilang sangat responsive. Memiliki Label dan tanggal postingan di tayangkan, Jika kamu ingin sekali melihat tampilan daftar isi responsive atau demonya silahkan di halaman page saya lalu klik sitemap.

Demikianlah artikel yang dapat saya sampaikan tentang "Cara membuat daftar isi blog dalam 5 menit"semoga artikel diatas bisa bermanfaat bagi kamu dan dapat mempermudah membuat daftar isi blog.