Cara Membuat Daftar Isi/Sitemap SEO Blogspot Berdasar Label/Kategori Terbaru 2015

Sobat. Pada pembahasan sebelumnya sudah Ane shared tentang cara membuat daftar isi Tabulasi. Kali ini saya shared tentang Cara Membuat Daftar Isi/Sitemap SEO Blogspot Berdasar Label/Kategori Terbaru 2015. Lagsung saja Sobat blogger:

1. Masuk akun blogger sobat (www.blogger.com)
2. Klik buat posting baru > pilih HTML (yang belum faham cara membuat posting baru SEO, silakan klik di sini).
3. Copy dan Pastekan kode berikut di kolom HTML posting baru tadi
4. Save

Berikut file HTML yang digunakan untuk langkah ke tiga di atas:

<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://jurnalnews.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Lihat hasilnya di sini (digunakan oleh jurnalnews.blogspot.com):

DEMO

Farian kode HTML daftar isi yang lain:
1. Daftar Isi Berdasarkan Tanggal Publikasi

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

2. Daftar Isi Berdasarkan Tanggal Publikasi++ Kotak (Keren)

<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://sahilluqman.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Silakan dipilih yang sekiranya dapat mebuat blog sobat menjadi CIAMIK alias CANTIK

Good Luck !