Membuat Daftar Isi Sederhana

Untuk membuat daftar isi sederhana di blog, Sahabat cukup dengan buka Template > Edit HTML > lalu cari ]]></b:skin> atau </style>. Jika suda ketemu, pasang kode di bawah ini tepat di atas ]]></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%;} 

Lalu simpan template, dan selanjutnya buat laman baru dan beri nama Daftar Isi atau terserah Sahabat. Setelah itu pasang kode di bawah ini.

 <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 lalu lihat hasilnya. Untuk contoh Sahabat bisa buka menu Daftar Isi blog Saya.
Sekian tutorial sederhana ini, semoga bermanfaat. 

Sumber

Share :

Tweet

✚

Related Post