Cara membuat daftar isi di blog (sitemap) menurut label atau kategori

 Daftar isi pada sebuah blog sangat baik untuk blog.untuk memudahkan pembaca blog atau pengunjung blog
untuk mengakses bagian-bagian atau konten secara cepat

FUNGSI DAFTAR ISIS BLOG

Menurut Social Media Tutorial, daftar isi juga bagus untuk optimisasi mesin pencari (Good for SEO) karena menyajikan kata kunci yang benar yang sudah digunakan (provided correct keywords have been used).

begitupun fungsi lainnya

•  Delivers a good overview of the information that awaits the reader
•  Avoids duplicate posts in diverse labels and remove the bewilderment of search engine bots.
•  Supports for creating internal links of blog posts, which boost up page rank
•  It can be used as “Related posts” link, on any blog-post.
•  Last, but not the least, to show a certain requirement of the blog posts to explore under Specific label.

Cara membuat daftar isi blog

1. klik menu halaman di dashboard blog
2. klik halaman baru > klik menu HTML
3. kopi salah satu kode di bawah ini dan pastekan.pilih yang menarik bagi anda
4. klik publikasikan

 NB:ganti url contohblognih dengan url blog sobat

1.kode HTML untuk daftar isi menurut kategori/label

<script src="http://me-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript"> </script> <script src="http://contohblognih.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> </script>
untuk tampilan lebih cantik gunakan kode di bawah 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:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%); background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE)); 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{t ext-transform:uppercase; } .new{ color:#FF5F00; font-weight:bold; font-style:italic; } .postname{ font-weight:normal; background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%); background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE)); } .postname li{ border-bottom: #ddd 1px dotted; margin-right:5px } </style> <div id="toc"> <script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script> <script src="http://contohblognih.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> </script></div>

2.kode HTML untuk daftar isi menurut tanggal publikasi

<script src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script> <script src="http://contohblognih.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

3.kode HTML untuk daftar isi menurut tanggal publikasi + kotak

<div style="background-color: none; border: 1px solid #000000; height: 400px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;"> <script src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script> <script src="http://contohblognih.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

begitulah kode kode daftar isi silahkan di coba.
semoga bermanfaat