Membuat Daftar isi Pd Blogger

Membuat Daftar Isi Blog

Daftar isi sangat berperan penting keberadaannya di halaman blog kita, jadi alangkah baiknya kita membuat daftar isi agar pengunjung dapat lebih mudah dalam mencari informasi yang ingin mereka cari/yang mereka tuju. apabila agan berminat dan ingin melakukannya, silahkan ikuti langkah-langkah dibawah ini...!! sekarang sebagian blog udah menggunakan berbagai macam jenis daftar isi, apa agan tidak mau ne membuat daftar isi untuk blog agan yang bagus itu. buat aja gan ayo..!! toh ilmu dan langkah-langkahnya ane berikan dg cara cumacuma kok, tidak ane suruh bayar, masak agan ndak mau sih. di kasih gratis ndak mau, emang agan maunya yang bayar ya

Ada 2 cara untuk membuat daftar isi pada blogger yaitu :

Langkah 1

1. Masuk dulu ke akun blogger anda dg cara masuk ke www.blogger.com
2. Apabila agan sudah masuk di halaman dashboard, klik Layout.

1. Kemudian Klik tab Edit HTML
2. Silahkan di save dulu untuk backup dulu template agan, Klik link bertuliskan Download Template Lengkap. (penting).
3. Silahkan beri tanda centang pada kotak kecil di samping tulisan Expand Widget Template. Tunggu beberapa saat.

4. Lihat ke bagian body template, lalu cari kode seperti ini :

<b:include data='post' name='post'/>

5. Delete / hapus kode tersebut, lalu ganti dengan kode berikut ini :
<b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"> <data:post.title/></div></a> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if>
6. Setelah selesai silahkan Klik tombol Save.
7. Finish.

Langkah #2

1. Klik tab Elemen Halaman.
2. Klik tulisan Tambahkan Widged.
3. Setelah muncul window baru, klik icon + yang berada disebelah kanan widged untuk yang HTML/JavaScript.
4. Copy kode berikut, kemudian paste pada halaman widged yang sudah agan tambahkan tadi

<a href="http://edylombok.blogspot.com/search?max-results=200">Daftar isi&raquo;</a>

5. Ganti tulisan yang berwarna merah dg nama blog anda sendiri. Contoh : nama blog saya adalah edylombok. ganti angka 200 dengan nomor yang lainnya (kalau mau). Nomor ini adalah jumlah posting yang ingin di munculkan ketika link daftar isi di klik.
6. Klik tombol Simpan Perubahan.
7. Selesai.

Keterangan tambahan :

Jika anda sedikit mengerti tentang CSS, anda bisa memodifikasi bentuk dari daftar isi ini, apakah mau di kasih backround gambar, bentuk huruf yang berbeda atau apa saja dengan mengubah kode yang di sini (ini adalah kode yg ada pada Langkah #1 di atas) :

<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">

Untuk melihat contoh seperti apa daftar isi ini? silahkan klik → Daftar isi »

Giman gan, apakan agan mau mencobanya, silahkan dicoba aja langsung...!!!!

 Semoga berhasil...!!

Sumber : http://kolom-tutorial.blogspot.com