CARA BUAT DAFTAR ISI BLOG

Menampilkan daftar isi dari suatu blog sebenarnya tidak sulit. Bagi blogger yang sudah lama berkecimpung didunia ini, mungkin berkata mudah. Bagi saya, masih sedikit membingungkan maklum baru 2 ( minggu) buat blog. Setelah goggling sana-sini akhirnya saya menemukan cara yang mudah untuk membuat DAFTAR ISI artikel kita. Saya katakan mudah karena kodenya sedikit disamping itu mudah untuk modifikasi. Tampilannya pun bagi saya sudah oke, tinggal ubah sedikit untuk penyesuaian warna blog kita. Disini saya akan memilih daftar isi yang hanya judulnya saja yang keluar pada tampilannya disertai warna background yang bisa kita ubah/modifikasi sendiri.

Cara pembuatannya lihat pada bagian bawah ini.

PERTAMA :

1. Masuk ke http://draft.blogger.com/

2. Pilih Tata letak
3. Pilih Edit HTML.

4. Jika masih ragu, back up dulu templatenya.

5. Kasih tanda centang/contreng pada kotak Expand Widget Templates.

6. Cari kode ini  <b:include data='post' name='post'/>  ini pada template anda.

7. Kalau kesulitan tekan aja Ctrl + F

8. Ganti kode diatas dengan kode dibawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

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

9.   Kode warna  merah, silahkan ganti dengan warna kesukaan anda.
10. Klik tombol Simpan Template.

KEDUA :

1. Pilih Elemen Halaman.

2. Klik Tambah Gadget.
3. Klik tanda + atau pada HTML JavaScript.
4. Copy kode dibawah ini kemudian paste pada kolom yang tersedia.

Buat untuk link text : Daftar Isi

<a href='http://NAMA-BLOG-ANDA.blogspot.com/search?max-results=200'>Daftar Isi</a>

Buat untuk kotak form seperti ini:

<form action="http://NAMA-BLOG-ANDA.blogspot.com/search?max-results=100" target="_blank"><input value="Daftar Isi Blog" type="submit"></form>

5. Untuk http://nama-blog-anda.blogspot.com/  ganti nama blog kamu.
6. Klik tombol Simpan.

Lihat Blog anda sekarang.

Selamat Mencoba , Semoga Bermanfaat.

Related Post :