Cara Membuat Daftar isi Keren Sesuai Tanggal Pembuatanya

Cara Membuat Daftar isi Blog Keren, Menarik dan Terbaru - Gilang Prf Kali ini Saya Akan Membuat Tutorial tentang Cara Membuat Daftar isi Blog Keren dan Menarik.
Kemarin Saya Sempat Stres Karna Blog ini Masuk ke Google Sandbox, Semua Artikel yang Saya Posting tidak Muncul di Google.
Hati Saya Sempat Sedih, Tapi itu tidak Menghalangi Hobby Saya Sebagai Blogger
Kemarin Saya Membuat Artikel tentang Cara Menghapus Label Pada Blogger untuk Pemula

Daftar isi atau sitemap adalah semua isi dari blog yang akan ditampilkan baik itu dalam sebuah sidebar ataupun didalam sebuah postingan. Tujuannya yaitu memudahkan para pengunjung atau pembaca blog kita untuk melihat artikel-artikel atau postingan kita yang lainnya, yang nantinya akan membuat pengunjung lebih lama di blog kita.
Baiklah, Jika Sobat ini Membuat Daftar isi Seperti di Blog Gilang Prf, Mari ikuti Tutorialnya :

• Login ke Blogger.com
• Buat Entri kan ada dua tuh Compose dan HTML. Pilih HTML
• Masukan Kode HTML dibawah ini 

<div id="bp_toc" style="text-align: center;">
</div>
<script src="https://aisuka-project.googlecode.com/svn/blogtoc_orig.js" type="text/javascript"></script><br />
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=100&amp;callback=loadtoc" type="text/javascript"></script><br />
<div style="clear: both;">
</div>
<style>
#bp_toc {padding:10px;}  .toc-header-col1 {padding:10px;background-color:#1c94b9;width:60%} .toc-header-col2 {padding:10px;background-color:#1c94b9;width:20%;} .toc-header-col3 {padding:10px;background-color:#1c94b9;width:20%;} .toc-header-col1:hover, .toc-header-col2:hover, .toc-header-col3:hover {background-color:#1983a4;box-shadow:inset 0 0 2px rgba(0,0,0,0.1);} .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:96%;text-decoration:none;color:white;} .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {font-size:96%;text-decoration:none;} .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#f0f0f0;padding:5px;padding-left:5px;font-size:89%} .toc-note{text-align: center; margin-bottom: 10px; font-size: 1.6em; display: block; clear: both;}
</style>
</div><div style="text-align: center;">
<span style="color: black; float: right;">Get this <a href="http://gilangtongtong.blogspot.com/2014/11/sitemap.html" target="_blank"> widget! </a></span>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>
 

Terakhir Publishkan Entri. Mungkin Cuma Sampai di situ Tutorial Cara Membuat Daftar isi Blog Keren, Menarik dan Terbaru