Membuat daftar isi secara otomatis

Membuat daftar isi secara otomatis

Membuat daftar isi secara otomatis disini yang maksud adalah, jika kita melakukan postingan baru maka secara otomatis judul blog yang baru akan langsung masuk ke dalam daftar isi tanpa harus melakukan edit pada layout blog kita.

Dengan trik ini, kita hanya membutuhkan sedikit tempat di halaman blog kita, karena jika pengunjung ingin melihat daftar isi tersebut, maka akan terbuka jendela baru. Sehingga di halaman blog kita cukup dicantumkan dua kata yaitu : Daftar isi, dan bisa kita letakkan di tempat yang kita inginkan.

Caranya seperti langkah-langah berikut ini :

LANGKAH PERTAMA
1. Log in ke blogger
2. Klik Layout di dashboard menu
3. Klik Edit HTML
4. Beri Centang pada Expand Widget Templates
5. Cari kode dibawah ini.
<ul>
<li><i><b:include data="post" name="post"></b:include></i></li>
</ul>
6. Ganti Kode diatas dengan kode dibawah ini.


<ul>
<li><b:if cond="data:blog.homepageUrl != data:blog.url"><b:if cond="data:blog.pageType != &quot;item&quot;"><a expr:href="data:post.url" href="http://www.blogger.com/post-edit.g?blogID=53223651249424810&amp;postID=842215063972949327"><div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(234, 233, 233) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); color: #406a0e; margin-bottom: 2px; padding: 6px 0pt 6px 5px;">
<data:post.title></data:post.title></div>
</a><b:else><b:include data="post" name="post"></b:include><b:else><b:include data="post" name="post"></b:include></b:else></b:else></b:if></b:if></li>
</ul>
<div class="fullpost">
Kemudian ikuti langkah langkah berikut ini :</div>
<div class="fullpost">

1. Masuk ke akun blogger anda
2. Pilih menu rancangan/ elemen halaman
3. Pilih tambah gatged

4. Pilih html/javascrip

5. COPAS kode di bawah ini :</div>
<ul>
<li><div class="fullpost">
<a 0);="" 0,="" color:="" href="http://www.blogger.com/%3Cspan%20style=" rgb(255,="">http://www.bismillahcom.web.id/search?max-<span style="color: #3366ff;">results=200</span>" target="_blank"&gt;<span style="font-weight: bold;">DAFTAR ISI</span>»</a> </div>
</li>
</ul>
<div class="fullpost">
http://www.bismillahcom.web.id Ganti dengan alamat blog anda

results=200 ganti dengan jumlah yang anda inginkan, angka 200 menunjukkan jumlah judul yang akan di tampilkan.

Selamat Mencoba..