Tips Membuat Daftar Isi Blog yang Tersebunyi

Pada postingan saya yang lain, juga ada cara membuat daftar isi blog yakni dengan tampilan scroll. Kali saya berikan tips cara membuat daftar isi blog dengan tampilan link (daftar isinya tersembunyi) sehingga sangat cocok bagi sobat yang menginginkan hemat tempat.

Jika sobat ingin membuat daftar isi seperti ini, caranya seperti ini :

Langkah 1

1. Sign in di blogger dengan ID anda

2. Bilsa sudah berada di halaman dashboard, klik Layout.

3. Klik tab Edit HTML

4. Klik link bertuliskan Download Template Lengkap.Silahkan di save dulu untuk backup (penting), agar jika ada kesalahan dalam mengubah kode html, kita dapat mengembalikan blog kita seperti semula.

5. Beri tanda tik/cek/centang pada kotak kecil di samping tulisan Expand Widget Template. Tunggu beberapa saat.

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

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

7. 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>

8. Klik tombol Simpan Template.

9. Selesai. Langkah pertama sudah selesai.

Langkah 2

1. Klik tab Elemen Halaman.

2. Klik tulisan Tambahkan sebuah Elemen Halaman.

3. Setelah muncul window baru, klik tombol TAMBAHKAN KE BLOG untuk yang HTML/JavaScript.

4. Copy lalu paste kode berikut :

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

5. Ganti NamaBlogAnda.blogspot.com dengan nama blog anda sendiri. Contoh : nama blog saya adalah blog-paksya.blogspot.com. Untuk menentukan jumlah postingan yang ingin dimunculkan ketika link dafar isi diklik, ganti angka 200 dengan nomor yang lainnya

6. Klik tombol Simpan Perubahan.

7. Selesai, dan selamat mencoba !

Cari Topik yang Anda Inginkan Disini

Baca juga yang ini :

Jika merasa artikel ini bermanfaat, silahkan bagikan ke teman Anda lewat tombol-tombol di bawah ini ….