Cara membuat daftar isi otomatis Pada Blogspot

Cara membuat daftar isi otomatis Pada Blogspot. mungkin tips / cara ini sudah banyak di share para master blog, tapi untuk sekedar menambah artikel di blog saya yang baru ini saya akan share kembali, Cara membuat daftar isi otomatis Pada Blogspot. Coba anda klik tulisan daftar isi pada menu horisontal di atas, maka hasilnya akan otomatis tampak daftar isi saya, pengen tahu caranya simak tutorial berikut:

Langkah Pertama:
1. Login ke account Blogger
2. Pilih Layout atau Tata Letak --> Edit HTML
3. Setelah itu beri centang pada tulisan Expand Widget Templates
4. Sebaiknya back up dulu template sobat dengan meng-klik Download Template Lengkap
5. Cari kode dibawah ini.


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

Kalau sudah ketemu ganti kode itu dengan script 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:#000000;'>
<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. Simpan Template (save).

Keterangan:
#EAE9E9 dan #000000 adalah warna latar belakang (background) dan 000000 adalah warna tulisan (teks). sobat bisa menggantinya jika ingin menyesuaikan dengan template blog sobat.
untuk kode warna yang lain klik di sini..
Code warna html lengkap
Sebenarnya sampai disini sudah selesai, coba sobat klik salah satu label/kategoti maka yg muncul hanya judulnya.

Jika sobat ingin menampilkan daftar isi atau membuat daftar isi keseluruhan lanjut ke langkah ke dua

Langkah Kedua:
Pada langkah ini kita membuat pemanggil daftar isi.
1. Pilih Layout atau Tata Letak --> Page Element atau Element Halaman.
2. Pilih Add  Gadgets atau Tambahkan Sebuah Halaman
3. Pilih HTML/JavaScript
4. Masukkan kode berikut ke dalam kontennya


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

 5. Simpan Widgets

 Keterangan:
untuk blog saya daftar isinya saya letakkan di menu navigasi blog saya,lihat diatas,dan km coba klik daftar isinya,hanya saja saya ambil urlnya saja pada blog saya jd saya hanya memasukkan url ini http://andiknet.blogspot.com/search?max-results=200
Ganti yang merah dengan nama blog sobat, dan nilai 200 adalah jumlah maksimal judul artikel yang akan ditampilkan dalamm satu halaman daftar isi. Silahkan ganti sesuai keinginan anda.

 
Anda baru saja membaca artikel yang berjudul Cara membuat daftar isi otomatis Pada Blogspot Silahkan baca artikel dari ANDIKNET Tentang , , Yang lainnya. Dan Anda juga bisa bookmark halaman ini dengan URL :

2 Responses to "Cara membuat daftar isi otomatis Pada Blogspot"

  1. makasih gan informasinya,artikelnya menarik :DD

    http://www.rawatweb.com

    solusi merawat web anda yang tak terurus

    http://www.asianbrilliant.com |
    http://www.thekaospolos.com

    BalasHapus
  2. Tips cara membuat widget Daftar Isi yang cukup bagus, cocok untuk menaikkan pageviews blog.
    Salam blogger.

    BalasHapus

Berkomentarlah dengan sopan.. dan jangan membuat spam,,,