Cara membuat Daftar isi seperti blog ini.. yang daftar isinya lumayan keren.. silahkan ikuti tutorialnya

1. siapkan cssnya terlebih dahulu... taroh css di bawa ini di atas </head>

<style type='text/css'>
                          #table-outer{padding:7px 10px;margin:30px 30px 0}
                          #table-outer table{width:80%;margin:0}
                          #table-outer form{font:inherit}
                          #table-outer label{font-weight:700;color:#999;text-shadow:0 1px 0 rgba(0,0,0,.4);display:block;text-align:right;margin:0 10px 0 0;padding:4px 0 0}
                          #table-outer select[disabled]{opacity:.4}
                          #post-searcher{display:block;margin:0;padding:0}
                          #table-outer input,#table-outer select{width:100%;background-color:#111;border:none;margin:0;padding:5px;font-size:86%;text-transform:uppercase;color:#777;outline:none;-webkit-box-shadow:inset 0 1px 3px black,0 1px 0 #444;-moz-box-shadow:inset 0 1px 3px black,0 1px 0 #444;box-shadow:inset 0 1px 3px black,0 1px 0 #444;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
                          #table-outer input:focus,#table-outer select:focus{background-color:#090909}
                          #feed-container{display:block;padding:0;list-style:none;overflow:hidden;position:relative;border-top:none;text-shadow:0 1px 0 rgba(0,0,0,.4)}
                          #feed-container li{list-style:none;margin:0;padding:0;border-top:1px solid #3c3c3c;color:#555;width:auto;float:left;display:inline}
                          #feed-container li .inner{margin:15px 16px;height:116px;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}
                          .news-text{color:#fff}
                          #feed-container li a{text-decoration:none;color:#00DADA}
                          .close2:hover{color:#fff}
                          .close2{position:absolute;right:5px;top:5px;cursor:pointer}
                          #feed-container li a:hover{text-decoration:none;color:#00E7DE}
                          #feed-container li .news-text{margin:10px 0 0}
                          #feed-container li img { margin: 0 10px 5px 0; border-radius: 0; float: left; border: 1px solid #222; padding: 8px;  box-shadow: 0 1px 0 rgba(131, 131, 131, 0.35),0 1px 0 rgba(160, 160, 160, 0.32) inset; }#result-desc{margin:0 30px;padding:0;border-bottom:4px solid #303030}
                          #result-desc span,#result-desc div{display:block;margin:0;padding:5px 10px 7px;color:#D64D52}
                          #result-desc div{color:inherit}
                          #feed-nav{margin:10px 30px 0;text-align:center;font-weight:700;text-transform:uppercase;margin-bottom:16px;padding-bottom:10px}
                          #feed-nav a,#feed-nav span{background-color:#111;padding:0;color:#999;text-decoration:none;display:block;height:30px;line-height:32px}
                          #feed-nav a:hover,#feed-nav a:active{background-color:#000;color:#fff}
                          #feed-nav span{cursor:wait}
                          @media (max-width:800px) {
                            #feedContainer li{float:none;display:block;width:auto;height:auto}
                            #feedContainer:after{display:none}
                          }
                          #feed-container li .inner { background: #292929; padding: 15px; padding-bottom: 0px; box-shadow: 1px 1px 1px rgba(15, 15, 15, 0.36),0px 1px 0 rgba(158, 158, 158, 0.2) inset; }
                          #menu-untuk-bawah{display:none;position:relative}
.close2 {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
font-size: 16px;
}
                        </style>

2. Taroh link javascript di bawah ini di atas </body>

<script src='https://sites.google.com/site/hostingcombine/my-host/daftar-isi-harris.js'>

3. Cari ini <b:includable id='main' var='top'> lalu letakkan kode script di bawa ini di bawah <b:includable id='main' var='top'>

<div class='menu-untuk-bawah' id='menu-untuk-bawah'>
                      <div class='menu-tls'>
                   
                        <div class='close2'>
                          &#10006;
                        </div>
                        <br/>
                        <br/>
                        <div id='table-outer'>
                          <table>
                            <tbody>
                              <tr>
                                <td>
                                  <label for='feed-order'>
                                    Urutkan artikel berdasarkan:
                                  </label>
                                  <br/>
                                </td>
                                <td>
                                  <select id='feed-order'>
                                    <br/>
                                    <option selected='' value='published'>
                                      POSTING TERBARU
                                    </option>
                                    <br/>
                                    <option value='updated'>
                                      POSTING DIPERBAHARUI
                                    </option>
                                    <br/>
                                  </select>
                                  <br/>
                                </td>
                              </tr>
                              <tr>
                                <td>
                                  <label for='label-sorter'>
                                    Filter artikel berdasarkan kategori:
                                  </label>
                                  <br/>
                                </td>
                                <td>
                                  <select disabled='' id='label-sorter'>
                                    <br/>
                                    <option selected=''>
                                      Loading....
                                    </option>
                                    <br/>
                                  </select>
                                  <br/>
                                </td>
                              </tr>
                              <tr>
                                <td>
                                  <label for='feed-q'>
                                    Cari dengan kata kunci:
                                  </label>
                                  <br/>
                                </td>
                                <td>
                                  <form id='post-searcher'>
                                    <input id='feed-q' type='text'/>
                                    <br/>
                                  </form>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </div>
                        <br/>
                        <br/>
                        <header id='result-desc'/>
                        <br/>
                        <br/>
                        <br/>
                        <ul id='feed-container'/>
                        <div id='feed-nav'/>
                      </div>
                    </div>

 4. Cara mmbuat menunya: contohnya <a href='#daftar isi' id='mokol'>Daftar isi</a>

Sekian dari saya jika masih tidak mengerti silahkan tanyakan ke fb saya Harris Munahar