Cara Membuat Daftar Isi di Blogspot

Bagaimana caranya sobat tinggal ikuti ajha langkah langkah berikut ini :

Cara ini saya temukan di blog guru saya, O-Om. Berikut adalah screenshotnya :

* 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();"> <img border="0" src="http://www.geocities.com/oom_directory/images/add2.png"/><font color="#808000"><b> Lihat Semua Daftar Posting</b></font></a>
</div>
<script style="text/javascript" src="http://www.geocities.com/danta_lia/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