Share the ideas and innovations to a friend of the world

Membuat Daftar Isi Blog

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.....
Anda baru saja membaca artikel yang berkategori Blog dengan judul Membuat Daftar Isi Blog. Anda bisa bookmark halaman ini dengan URL http://ilmu27.blogspot.com/2011/08/membuat-daftar-isi-blog.html. Terima kasih!
Ditulis oleh: Imran -

Belum ada komentar untuk "Membuat Daftar Isi Blog"

Post a Comment