Memasang Daftar Isi Sederhana Berdasarkan Tanggal Terbit

Memasang Daftar Isi Sederhana Berdasarkan Tanggal Terbit

Langsung saja, buka Edit HTML > pasang kode CSS di bawah tepat diatas ]]></b:skin> atau </style>

 #bp_toc {border:1px solid #f5f5f5;background:#ffffff;padding:5px;width:100%;
margin-top:10px;}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {background:#edf1ec;color:#000000;padding-left:5px;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:90%;text-decoration:none;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
font-size:90%;text-decoration:underline;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {padding-left:5px;font-size:80%;} 

Kemudian simpan template.


Selanjutnya, pasang script di bawah di halaman statis blog sobat

 <div id="bp_toc">
Loading TOC. Please wait....</div>
<script src="https://aisuka-project.googlecode.com/svn/blogtoc_orig.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script> 

Simpan dan lihat hasilnya.


Untuk demo silahkan lihat daftar isi blog ini.

Cukup sekian, terima kasih.

Sumber : http://aisukablog.blogspot.com/2014/01/memasang-daftar-isi-sederhana-berdasarkan-tanggal-terbit.html