Tips Membuat Daftar Isi Yang Terupdate Otomatis Saat Kita Menambah Posting Baru

Oke bagi para sobat blogger semua tentu untuk menambahkan daftar isi blog sangat penting, terutama untuk memudahkan para pengunjung melihat keseluruhan isi blog kita.
Langsung saja tanpa panjang lebar copy kode CSS dibawah ini dan letakkan tepat diatas kode ]]></b:skin> pata edit html template kamu!

#toc {  border: 0px solid #000000;  background: #ffffff;  padding:2px; width:495px;  margin-top:10px;}

.toc-header-col1, .toc-header-col2,

.toc-header-col3 {  background: #B5CBFA;  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:100%;  text-decoration:none;}

.toc-header-col1 a:hover,

.toc-header-col2 a:hover,

.toc-header-col3 a:hover {  font-size:100%;  text-decoration:underline; color:#3D3F44;}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {  padding-left: 5px;  font-size:100%; background:#f0f0f0;}

Kemudian masuk ke Add a gadget > HTML/JavaScript > copas kode berikut!

<div id="toclink"><a href="javascript:showToc();">
&nbsp;&nbsp;Lihat Daftar Isi !</a><br /><br /></div>
<script style="text/javascript" src="http://amen24.googlepages.com/daftarisi.js">
</script><script src="http://ndraxs.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>
<div id="toc"></div>

Lanjut > ganti ndraxs dengan domain blog atau web sobat..
Lihat contohnya ..disini

Artikel Terkait