Membuat Daftar Isi Blog

Imran       Blog    Comment   

Mungkin sobat pernah membuat daftar isi yang manual-manual saja!!!! Namanya manual pasti tidak efektif, tergantung anda yang menilai , pastinya memakan waktu yang cukup lama. Postingan aku kali ini adalah membuat daftar isi yang nantinya akan tersusun secara otomatis dari semua artikel-atikel yang telah sobat masukkan ke blog......

Untuk cara buatnya silahkan ikuti langkah berikut ini :

LANGKAH 1 :

• Login ke akun blog
• Masuk ke Rancangan > Edit HTML (saran : download template anda , untuk mengatasi ketika terjadi kesalahan modifikasi template)
• Centang Expand .....
  
• Tekan di keyboard sobat CTRL+F
  
• Masukkan kata kunci ]]></b:skin>
  
• Copy paste script CSS dibawah ini tepat diatas kode yang tadi :

#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;

• Lalu di SAVE templatenya
  

LANGKAH 2 :

• Masuk lagi ke Elemen Laman (Page Elements)
  
• Klik link tambah gadget pilih HTML/Java Script
  
• Copy paste kode berikut :
  

<div id="toc"></div>
<div id="toclink"><a href="javascript:showToc();"><img src="http://ilmu27blogger.googlecode.com/files/folder.gif"/>
&nbsp;&nbsp;Lihat Daftar Isi !</a><br/><br/></div>
<script style="text/javascript" src="http://ilmu27blogger.googlecode.com/files/daftarisi.js">
</script><script src="http:// NAMA BLOG ANDA .blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>

• Jika selesai tinggal di SAVE
  
• Jika berhasil maka akan seperti ini sobat !!!!

Semoga bermanfaaat.....