Membuat Daftar Isi di Blogspot.

Cara Membuat Daftar Isi di Blogspot. Cara ini saya temukan di blog O-Om. Berikut adalah screenshotnya :

Bagaimana caranya?

• Masuk ke blogger dengan akun Anda.


• Lalu masuk ke Layout


• Add a Gadget >> HTML / Javascript


• Copy Paste kode di bawah ini :
  

  <div id="toclink"><a href="javascript:showToc();"><font
color="#808000"><b> Lihat Semua Daftar Posting</b></font></a>

</div>

<script style="text/javascript" src="http://melodanta.com/blogtoc.js"></script>

<script src=" http://namabloganda.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>
  

• Lalu Add a Gadget lagi >> HTML / Javascript


• Copy Paste kode di bawah ini :
  

  <div id="toc"></div>
  

• Lalu pindah ke Edit HTML, cari kode <b:skin><![CDATA[/* dan
  paste kode dibawah ini tepat dibawahnya
  

  /* Show Table of Contents

-----------------------------------------

*/

#toc {

border: 0px solid #78B749;

background: #ffffff;

padding: 5px;

width:500px;

margin-top:10px;

}

.toc-header-col1, .toc-header-col2, .toc-header-col3 {

background: #cccccc;

color: #444;

padding-left: 5px;

font-weight:bold;

width:250px;

}

.toc-header-col2 {

width:75px;

}

.toc-header-col3 {

width:125px;

}

.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:95%;

text-decoration:none;

text-align: Left;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #cccccc;

}

.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {

font-size:95%;

text-decoration:underline;

text-align: left;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #cccccc;

}

  .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
  
  padding-left: 5px;
  
  text-align: left;
  
  font-size:95%;
  
  border-bottom-width: 1px;
  
  border-bottom-style: solid;
  
  border-bottom-color: #cccccc;
  
  }

  
  
• Save dan lihat hasilnya