1
1

Berbeda dengan daftar isi yang lain, ini lebih lengkap,
tidak berat saat loading. Daftar isi ini berbentuk table dan dapat difilter
berdasarkan Judul Post, Tanggal Post, Categorie.
Untuk dapat membuat Daftar Isi Blog Keren ini diperlukan 3 langkah, silahkan simak baik-baik.

Langkah 1. Login ke blogger, masuk menu Edit HTML, lalu cari kode: ]]></b:skin>
Copy kode di bawah ini dan paste di atas kode
]]></b:skin>

#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:50%;
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;}

Langkah 2. Tambahkan elemen baru dengan cara add gadget pilih java script lalu masukkan kode ini:

<div id="toc"></div>
(tempatkan elemen / gadget tadi di atas elemen post)

Langkah 3. Tambahkan elemen baru dengan cara add gadget
pilih java script lalu masukkan kode ini:

<div id="toclink"><a href="javascript:showToc();"><img
src="http://i873.photobucket.com/albums/ab299/handi_05/foldercilik.gif"/>
&nbsp;&nbsp;Lihat Daftar Isi !</a><br/><br/></div>
<script style="text/javascript" src="
http://h1.ripway.com/barno/mytabcontn.js">
</script><script src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>

Keterangan:
  1. Jangan Lupa sebelum mengedit html harus backup dulu.
  2. Setelah selesai melaksanakan setiap langkah jangan lupa
    di save.
  3. Kata YOURBLOG diganti dengan URL blog anda
Lihat hasilnya!
Sekarang anda sudah mempunyai Daftar Isi Blog yang Keren.



www.gudangenam.blogspot.com

  1. Pesan Gw : Komentar Anda Sangat Berarti Untuk Perkembangan BLOG ini...

0 komentar:



Posting Komentar